@layer reset, base, components, responsive;
@layer reset {
  *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:13rem}body,h1,h2,h3,h4,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer}summary{cursor:pointer}::selection{background:#09bbd0;color:#061118}
}
@layer base {
  :root{color-scheme:dark;--bg:#0a1119;--surface:#0e1821;--surface-2:#111f2b;--text:#f2f5f6;--muted:#adb9c3;--cyan:#09bbd0;--line:#ffffff21;--font:Arial,Helvetica,system-ui,sans-serif;--gutter:clamp(1.4rem,5vw,5.5rem)}
  body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}h1,h2,h3,h4{font-weight:500;line-height:1.1;letter-spacing:-.035em}h2{font-size:clamp(2.25rem,4.5vw,4.15rem);line-height:1.12}h2 span{color:var(--muted)}p{color:var(--muted)}.container{width:min(100% - var(--gutter)*2,1320px);margin-inline:auto}.section{padding-block:clamp(5rem,8.5vw,8.5rem);scroll-margin-top:1rem}.eyebrow{font-size:.78rem;letter-spacing:.16em;font-weight:600;text-transform:uppercase;color:var(--cyan)}.section-index{margin-bottom:2rem}.section-intro{font-size:1.125rem;max-width:43rem;line-height:1.8}.skip-link{position:fixed;top:-10rem;left:1rem;z-index:100;background:var(--cyan);color:var(--bg);padding:1rem}.skip-link:focus{top:1rem}
}
@layer components {
  .site-header{position:sticky;top:0;z-index:30;background:#0a1119eb;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:180px;gap:2rem}/* Keep the supplied artwork intact. Fade only its background margins into the surrounding page. */
  .brand{display:block;position:relative;overflow:hidden;width:16rem;max-width:100%;aspect-ratio:3/2;padding:0;flex:none;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);
    -webkit-mask-composite:source-in;mask-composite:intersect}
  .brand img{position:absolute;left:50%;top:50%;width:150%;max-width:none;height:auto;aspect-ratio:918/724;transform:translate(-52%,-49%);mix-blend-mode:lighten;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent);
    -webkit-mask-composite:source-in;mask-composite:intersect}
  .brand:focus-visible{-webkit-mask-image:none;mask-image:none;outline:2px solid var(--cyan);outline-offset:4px}.header-inner nav{display:flex;align-items:center;gap:clamp(1.4rem,2.6vw,2.8rem)}nav a{font-size:.875rem;color:#c3cbd2;transition:color .2s}nav a:hover,nav a[aria-current]{color:var(--cyan)}nav .nav-contact{color:var(--text);border:1px solid #ffffff38;padding:.65rem 1.1rem;display:flex;gap:1.75rem;align-items:center}.nav-contact:hover{border-color:var(--cyan)}.menu-toggle{display:none;background:none;color:var(--text);border:1px solid var(--line);width:46px;height:46px;padding:12px}.menu-toggle span{display:block;height:1px;background:currentColor;margin:5px 0;transition:transform .2s}
  .hero{position:relative;isolation:isolate;overflow:clip;min-height:calc(100svh - 180px);display:flex;flex-direction:column;background:#08131c}.hero-art{position:absolute;inset:0 0 0 29%;z-index:-2;overflow:hidden}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:58% 40%;opacity:.83}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08131c 0%,#08131cbd 13%,transparent 55%),linear-gradient(0deg,#08131c 1%,transparent 24%,#08131c22 88%,#08131c66)}.hero-inner{flex:1;position:relative;display:flex;align-items:center;padding-block:5.2rem 7.5rem;min-height:630px}.hero-copy{max-width:670px}.hero .eyebrow{display:flex;gap:14px;align-items:center}.short-rule{width:28px;height:1px;background:var(--cyan);flex:none}.hero h1{font-size:clamp(3.75rem,7.8vw,7.3rem);line-height:1.025;letter-spacing:-.055em;margin:1.6rem 0 1.8rem}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-lead{font-size:clamp(1.05rem,1.5vw,1.22rem);color:#d0d7db;max-width:31rem;line-height:1.75}.hero-actions{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;margin-top:2.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:2.1rem;min-height:56px;padding:.9rem 1.5rem;font-size:.9375rem;font-weight:600;transition:background .2s,transform .2s}.button-primary{background:var(--cyan);color:#07141b}.button:hover{background:#7ddce7;transform:translateY(-2px)}.text-link{display:inline-flex;gap:1.5rem;align-items:center;font-size:.9375rem;font-weight:500;line-height:1.5}.text-link span{color:var(--cyan);transition:transform .2s}.text-link:hover span{transform:translate(3px,-2px)}.hero-caption{position:absolute;right:0;bottom:3.1rem;text-align:right;font-size:.85rem;display:grid;gap:.2rem}.caption-detail{color:var(--muted);font-size:.75rem}.hero-bottom{border-top:1px solid var(--line);display:flex;gap:2.8rem;align-items:center;min-height:74px;font-size:.8125rem;color:#b3c0ca}.hero-bottom>a{margin-left:auto;display:flex;gap:1.2rem;align-items:center}.hero-bottom>a>span:last-child{color:var(--cyan);font-size:1.3rem}
  .section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem 5rem;align-items:end}.section-heading>.eyebrow{grid-column:1/-1;margin-bottom:.8rem}.solution-features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4.5rem;border-top:1px solid var(--line)}.feature{padding:2.5rem 2.5rem 1rem 0}.feature+.feature{border-left:1px solid var(--line);padding-left:2.5rem}.feature:last-child{padding-right:0}.feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.75rem}.feature-number{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.feature svg{width:32px;height:32px;stroke:var(--cyan);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.feature h3{font-size:1.7rem;margin-bottom:1.1rem}.feature p{font-size:1rem;max-width:25rem}.journey{margin-top:5.5rem;padding-top:3.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 2fr;gap:4.5rem}.journey-title .eyebrow{margin-bottom:1.2rem}.journey-title h3{font-size:2rem}.journey-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.journey-steps li>span{display:block;font-size:.85rem;color:var(--cyan);margin-bottom:1.5rem}.journey-steps h4{font-size:1.2rem;margin-bottom:.85rem}.journey-steps p{font-size:.9375rem;line-height:1.7}
  .applications{background:var(--surface);border-block:1px solid var(--line)}.applications-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:6rem}.applications-heading h2{font-size:clamp(2.3rem,4.2vw,3.7rem);margin-bottom:1.75rem}.applications-heading>p:not(.eyebrow){font-size:1.1rem;max-width:28rem}.application-visual{margin-top:2.5rem}/* Crop the empty left side, keeping the complete hand and reader in the frame. */
  .application-image{position:relative;aspect-ratio:4/3;overflow:hidden}.application-image img{position:absolute;right:0;top:50%;width:190%;max-width:none;height:auto;transform:translateY(-53%)}.application-visual figcaption{font-size:.75rem;color:#8796a2;margin-top:.7rem}.application-list details{border-top:1px solid #ffffff24}.application-list details:last-child{border-bottom:1px solid #ffffff24}.application-list summary{list-style:none;display:flex;align-items:center;gap:1.2rem;padding:1.6rem 0}.application-list summary::-webkit-details-marker{display:none}.application-list summary h3{font-size:1.15rem;letter-spacing:-.01em;line-height:1.4;font-weight:500}.application-number{color:#80949f;font-size:.75rem;font-variant-numeric:tabular-nums}.expand{width:14px;height:14px;position:relative;margin-left:auto;flex:none}.expand::before,.expand::after{content:"";position:absolute;top:50%;left:0;width:14px;height:1px;background:var(--cyan);transition:transform .2s}.expand::after{transform:rotate(90deg)}details[open] .expand::after{transform:rotate(0)}details[open] h3{color:var(--cyan)}.application-content{padding:0 2rem 1.6rem 2.35rem}.application-content p{font-size:1rem;line-height:1.8;margin-bottom:1rem}.application-content>span{font-size:.75rem;color:#bac8d2;letter-spacing:.025em}
  .technology{background:radial-gradient(ellipse at 15% 80%,#10344752,transparent 58%),var(--bg)}.technology-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:4rem;border-top:1px solid var(--line)}.technology-item{padding:2.4rem 3.5rem 2.5rem 0;border-bottom:1px solid var(--line)}.technology-item:nth-child(even){padding-left:3.5rem;padding-right:0;border-left:1px solid var(--line)}.tech-label{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.2rem}.technology-item h3{font-size:1.7rem;margin-bottom:1rem}.technology-item p{max-width:29rem}.technology-statement{display:flex;align-items:center;gap:1.8rem;margin-top:3rem}.statement-symbol{font-size:2.8rem;color:var(--cyan);font-weight:200}.technology-statement p{font-size:1.08rem;line-height:1.6}.technology-statement strong{font-weight:400;color:var(--text)}.technology-statement>a{margin-left:auto}
  .about{background:#d0d7db;color:#0e1821}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.about .eyebrow{color:#006e7e}.about h2{font-size:clamp(2.3rem,4.3vw,3.8rem)}.about h2 span{color:#586a77}.about-copy p{color:#425460;line-height:1.85;margin-bottom:1.5rem}.about-copy .about-lead{font-size:1.45rem;line-height:1.5;color:#0e1821;letter-spacing:-.025em}.about-footnote{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid #0e18212b;font-size:.8125rem}.about-footnote span:nth-child(-n+2){font-weight:600}.about-footnote span:last-child{width:100%;color:#425460}
  .contact{background:var(--surface)}.contact-top{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:end}.contact-top>p{max-width:25rem;font-size:1.125rem;padding-bottom:.35rem}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;margin-top:4rem;border-top:1px solid var(--line);padding-top:2.5rem}.contact-label{display:block;font-size:.8125rem;color:#99aab6;margin-bottom:1rem}.contact-address address{font-style:normal;font-size:1.35rem;line-height:1.55;margin-bottom:1.4rem;letter-spacing:-.015em}.contact-email{margin-top:1.8rem}.contact-email .email-link{font-size:1.25rem;overflow-wrap:anywhere}.contact-phones>a{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(1.3rem,2.5vw,2.1rem);line-height:1.5;letter-spacing:-.02em;padding:.8rem 0;border-bottom:1px solid var(--line)}.contact-phones>a:hover{color:var(--cyan)}.phone-arrow{color:var(--cyan);font-size:1.6rem}.site-footer{padding-block:2rem;border-top:1px solid var(--line);background:#080f15}.footer-inner{display:flex;align-items:center;gap:2.2rem}.footer-inner>p{font-size:.9375rem;max-width:25rem}.footer-inner>span{margin-left:auto;font-size:.75rem;color:#93a5b2}.back-top{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border:1px solid var(--line);color:var(--cyan);flex:none}.back-top:hover{border-color:var(--cyan)}
  @media(prefers-reduced-motion:no-preference){.reveal.is-ready{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-ready.is-visible{opacity:1;transform:none}}
}
@layer responsive {
  @media(min-width:1700px){.hero-art{inset-inline-start:40%}}
  @media(max-width:1100px){.header-inner nav{gap:1.25rem}.hero-inner{min-height:650px}.hero h1{font-size:clamp(4rem,8vw,5.6rem)}.hero-art{inset-inline-start:23%}.section-heading{gap:2rem}.applications-grid,.about-grid,.contact-top,.contact-grid{gap:3rem}.journey{gap:2.5rem;grid-template-columns:1fr}.journey-title h3 br{display:none}.journey-steps{gap:2.5rem}.feature{padding-right:1.5rem}.feature+.feature{padding-left:1.5rem}.technology-statement{flex-wrap:wrap}.technology-statement>a{margin-left:0}.hero-caption{bottom:2rem}.hero-inner{padding-bottom:6rem}}
  @media(max-width:800px){.hero{min-height:auto}.hero-inner{min-height:710px;align-items:flex-start;padding-top:4rem}.hero-art{inset:15% -18% 0 10%;opacity:.6}.hero-art img{object-position:45% 40%}.hero-art::after{background:linear-gradient(90deg,#08131cf5,transparent 100%),linear-gradient(0deg,#08131c,transparent 35%,#08131c88)}.hero-copy{max-width:620px}.hero h1{font-size:clamp(3.8rem,10vw,5.5rem)}.hero-lead{max-width:28rem}.hero-caption{display:none}.hero-bottom{gap:2rem;min-height:66px}.section-heading,.applications-grid,.about-grid,.contact-top,.contact-grid{grid-template-columns:1fr;gap:2rem}.section-heading>.eyebrow{margin-bottom:0}.section-heading h2{margin-bottom:.25rem}.solution-features{margin-top:3rem}.feature h3{font-size:1.4rem}.feature p{font-size:.9375rem}.applications-heading>p:not(.eyebrow){max-width:37rem}.application-visual{max-width:32rem;margin-bottom:1.5rem}.application-list summary{padding:1.45rem 0}.about-grid{gap:2.5rem}.contact-top>p{max-width:35rem}.contact-grid{gap:3rem;margin-top:2.8rem}.contact-phones>a{font-size:1.8rem}.footer-inner{flex-wrap:wrap;gap:1.5rem}.footer-inner>p{flex-basis:100%;max-width:none}.footer-inner>span{margin-left:0}.footer-inner>.back-top{margin-left:auto}.technology-item{padding-right:2rem}.technology-item:nth-child(even){padding-left:2rem}.hero-actions{gap:1.5rem}}
  @media(max-width:540px){.hero-inner{min-height:700px;padding-top:3.3rem;padding-bottom:4rem}.hero h1{font-size:clamp(3rem,12.5vw,4.4rem);margin-block:1.7rem}.hero .eyebrow{font-size:.68rem;letter-spacing:.115em;gap:9px}.short-rule{width:17px}.hero-lead{font-size:1.02rem;max-width:22rem}.hero-art{inset:20% -50% 0 -3%;opacity:.5}.hero-actions{gap:1.25rem}.hero-actions .button{padding:.85rem 1.05rem;gap:1rem}.hero-actions .text-link{gap:.6rem;font-size:.85rem}.hero-bottom{gap:1.5rem;font-size:.75rem}.hero-bottom>a span:first-child{display:none}.solution-features{grid-template-columns:1fr}.feature,.feature+.feature,.feature:last-child{padding:1.8rem 0;border-left:0;border-bottom:1px solid var(--line)}.feature-top{margin-bottom:1rem}.feature h3{font-size:1.6rem;margin-bottom:.8rem}.feature p{max-width:none;font-size:1rem}.journey{margin-top:3rem;padding-top:2.5rem}.journey-steps{grid-template-columns:1fr;gap:1.8rem}.journey-steps li{display:flex;gap:1.5rem}.journey-steps li>span{margin-top:.2rem}.journey-steps h4{margin-bottom:.6rem}.journey-steps p{font-size:1rem}.application-visual{margin-top:2rem}.application-list summary{gap:1rem}.application-list summary h3{font-size:1.04rem}.application-content{padding-left:2rem;padding-right:0}.technology-grid{grid-template-columns:1fr;margin-top:3rem}.technology-item,.technology-item:nth-child(even){border-left:0;padding:1.9rem 0}.technology-item h3{font-size:1.5rem}.technology-statement{gap:1rem}.technology-statement p{font-size:1rem;max-width:calc(100% - 3rem)}.technology-statement>a{margin-left:2.5rem;margin-top:.6rem}.about-copy .about-lead{font-size:1.3rem}.contact-phones>a{font-size:1.5rem}.footer-inner>p{font-size:.875rem}}
  @media(max-width:1100px){
    .header-inner{position:relative;min-height:180px;justify-content:center}
    .menu-toggle{display:block;position:absolute;right:0;top:1rem}
    .header-inner nav{display:flex;position:absolute;inset:100% 0 auto;flex-direction:column;align-items:stretch;gap:0;background:#0a1119;border:1px solid var(--line);padding:1rem 1.5rem 1.5rem}
    .js .header-inner nav:not(.is-open){display:none}
    .header-inner nav>a{padding:.9rem 0;font-size:1rem}
    .header-inner nav>.nav-contact{padding:.9rem 1rem;margin-top:.6rem;justify-content:space-between}
    .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}
    .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
  }
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
  @media print{.site-header,.hero-art,.hero-bottom,.hero-actions,.menu-toggle,.back-top{display:none!important}body,.about,.contact,.applications,.technology,.site-footer{background:#fff!important;color:#111!important}p,h2 span{color:#333!important}.section{padding-block:2rem}.hero-inner{min-height:0;padding-block:2rem}.hero h1{font-size:3rem}details:not([open]) .application-content{display:block}.reveal{opacity:1!important;transform:none!important}}
}
