:root {
  --ink:#06151c;
  --ink-2:#0a2029;
  --paper:#f2efe8;
  --paper-2:#e8e3da;
  --cyan:#62e6ee;
  --orange:#ff7a3d;
  --white:#fff;
  --muted:#a8b3b5;
  --line:rgba(255,255,255,.14);
  --dark-line:rgba(6,21,28,.14);
  --sans:"DM Sans",sans-serif;
  --body:"Manrope",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
.site-header{position:absolute;top:0;left:0;right:0;height:96px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,82px);border-bottom:1px solid rgba(255,255,255,.16)}
.brand{display:block;width:200px;height:54px}
.brand img,footer img{width:100%;height:100%;object-fit:contain;object-position:center}
nav{display:flex;align-items:center;gap:30px;font-family:var(--sans);font-size:13px;font-weight:600}
nav a:not(.nav-cta){opacity:.72;transition:.25s}
nav a:hover{opacity:1;color:var(--cyan)}
.nav-cta{border:1px solid rgba(255,255,255,.5);padding:11px 17px}
.menu-toggle{display:none;position:relative;z-index:100;background:none;border:0;padding:12px;color:white}
.menu-toggle span{display:block;width:24px;height:1px;background:currentColor;margin:6px;transition:.25s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:150px clamp(24px,8vw,130px) clamp(70px,9vh,110px);isolation:isolate}
.hero-media,.hero-shade,.hero-lines{position:absolute;inset:0;width:100%;height:100%}
.hero-media{z-index:-4;object-fit:cover;object-position:center 42%;filter:saturate(.74) contrast(1.05)}
.hero-shade{z-index:-3;background:linear-gradient(90deg,rgba(3,15,21,.97) 0%,rgba(3,15,21,.78) 45%,rgba(3,15,21,.18) 78%),linear-gradient(0deg,rgba(3,15,21,.72),transparent 45%)}
.hero-lines{z-index:-2;background:linear-gradient(90deg,transparent calc(25% - 1px),rgba(255,255,255,.08) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),rgba(255,255,255,.08) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),rgba(255,255,255,.08) 75%,transparent calc(75% + 1px))}
.hero-content{max-width:900px}
.kicker,.eyebrow{margin:0 0 26px;color:var(--cyan);font:600 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.kicker{display:flex;align-items:center;gap:12px;color:#fff}
.kicker span{display:block;width:40px;height:2px;background:var(--orange)}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--sans);letter-spacing:-.045em;line-height:.98}
h1{margin-bottom:20px;max-width:900px;font-size:clamp(58px,7.4vw,118px);font-weight:600}
.hero-statement{margin:0 0 24px;color:var(--cyan);font:500 clamp(20px,2.1vw,32px)/1.25 var(--sans)}
.hero-copy{max-width:660px;margin:0 0 34px;color:rgba(255,255,255,.76);font-size:clamp(16px,1.35vw,20px);line-height:1.65}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:220px;padding:16px 19px;border:1px solid transparent;font:600 13px/1 var(--sans);transition:.25s;cursor:pointer}
.button span{font-size:18px}
.button-primary{background:var(--cyan);color:var(--ink)}
.button-primary:hover{background:#fff;transform:translateY(-2px)}
.button-ghost{border-color:rgba(255,255,255,.42);background:rgba(5,18,24,.14)}
.button-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.hero-signature{position:absolute;right:clamp(24px,6vw,90px);bottom:70px;display:flex;align-items:flex-end;gap:15px;border-left:1px solid rgba(255,255,255,.3);padding-left:22px}
.hero-signature b{font:500 66px/.75 var(--sans);color:var(--orange)}
.hero-signature span{font:600 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.15em;writing-mode:vertical-rl}
.scroll-cue{position:absolute;left:50%;bottom:28px;display:flex;align-items:center;gap:9px;transform:translateX(-50%);font:600 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.scroll-cue span{width:1px;height:30px;background:var(--cyan)}
.section{padding:clamp(88px,11vw,165px) clamp(24px,8vw,130px)}
.why{background:var(--paper);color:var(--ink)}
.why-intro{max-width:1100px}
.why h2,.what h2,.section-head h2,.contact h2{font-size:clamp(43px,6vw,87px);font-weight:550}
h2 em{font-style:normal;color:#238c93}
.why-grid{display:grid;grid-template-columns:1fr .85fr;gap:clamp(60px,9vw,150px);align-items:end;margin-top:90px}
.why-copy{max-width:610px;color:#3a4a50}
.why-copy .lead{color:var(--ink);font:500 clamp(21px,2.1vw,30px)/1.42 var(--sans)}
blockquote{margin:0;padding:40px 0 4px 40px;border-left:3px solid var(--orange)}
blockquote span{font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#718084}
blockquote p{margin:18px 0 0;font:600 clamp(27px,3vw,43px)/1.14 var(--sans);letter-spacing:-.035em}
.what{position:relative;background:var(--ink);overflow:hidden}
.what-number{position:absolute;top:20px;right:-35px;color:rgba(98,230,238,.04);font:600 clamp(240px,38vw,620px)/1 var(--sans);letter-spacing:-.1em}
.what-copy{position:relative;max-width:1050px}
.what-copy .lead,.section-head>p:last-child{max-width:680px;color:var(--muted);font-size:19px}
.pillars{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pillars article{padding:32px 30px 38px;border-right:1px solid var(--line)}
.pillars article:last-child{border-right:0}
.pillars span,.leader-copy>span{color:var(--orange);font:600 11px/1 var(--sans);letter-spacing:.18em}
.pillars h3{margin:55px 0 14px;font:600 25px/1.1 var(--sans)}
.pillars p{margin:0;color:var(--muted);font-size:14px}
.products{background:#102933}
.section-head{max-width:1060px}
.product-experience{display:grid;grid-template-columns:minmax(320px,.82fr) 1.18fr;margin-top:78px;border:1px solid var(--line);min-height:560px}
.product-list{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.product-tab{position:relative;display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;gap:2px 12px;flex:1;padding:22px 26px;border:0;border-bottom:1px solid var(--line);background:transparent;color:white;text-align:left;cursor:pointer;transition:.25s}
.product-tab:last-child{border-bottom:0}
.product-tab span{grid-row:1/3;color:#73868c;font:600 11px/1.5 var(--sans)}
.product-tab b{font:600 clamp(17px,1.4vw,22px)/1.1 var(--sans)}
.product-tab small{color:#91a2a6;font-size:12px}
.product-tab::after{content:"";position:absolute;left:-1px;top:0;bottom:0;width:3px;background:var(--cyan);transform:scaleY(0);transition:.25s}
.product-tab:hover,.product-tab.active{background:rgba(255,255,255,.055)}
.product-tab.active::after{transform:scaleY(1)}
.product-stage{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(38px,6vw,80px);background:radial-gradient(circle at 85% 12%,rgba(98,230,238,.12),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.02),transparent)}
.product-stage .product-index{color:var(--cyan);font:500 clamp(60px,9vw,130px)/.85 var(--sans);letter-spacing:-.06em}
.product-stage .product-type{margin:48px 0 13px;color:var(--orange);font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.product-stage h3{margin-bottom:18px;font:600 clamp(38px,4vw,63px)/1 var(--sans);letter-spacing:-.045em}
.product-stage p{max-width:600px;color:#b4c1c4;font-size:18px}
.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 32px}
.product-tags span{padding:8px 10px;border:1px solid var(--line);font:500 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#d6dfe1}
.text-link{display:inline-flex;align-items:center;gap:14px;width:max-content;padding-bottom:7px;border-bottom:1px solid var(--cyan);color:var(--cyan);font:600 13px/1 var(--sans)}
.people{background:#07171e}
.leaders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:78px;background:var(--line)}
.leader{display:flex;flex-direction:column;min-width:0;background:var(--ink)}
.portrait{height:390px;overflow:hidden;background:#091b23}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.82);transition:transform .6s ease,filter .6s ease}
.leader:nth-child(2) .portrait img{object-position:center 28%}
.leader:nth-child(3) .portrait img{object-position:center center}
.leader:nth-child(4) .portrait img{object-position:center 18%}
.leader:hover .portrait img{transform:scale(1.025);filter:saturate(1)}
.leader-copy{padding:30px 26px 34px}
.leader-copy h3{margin:20px 0 2px;font:600 28px/1.1 var(--sans)}
.leader-copy b{color:var(--cyan);font:500 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.leader-copy p{margin:20px 0 0;color:#9eacb0;font-size:14px}
.contact{padding:clamp(85px,10vw,145px) clamp(24px,8vw,130px);background:var(--cyan);color:var(--ink)}
.contact-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(55px,9vw,145px)}
.contact .eyebrow{color:#376169}
.contact h2{font-size:clamp(45px,5.8vw,80px)}
.contact-copy>p{max-width:560px;font-size:18px}
.contact-note{display:flex;gap:16px;align-items:flex-start;margin-top:55px;padding-top:24px;border-top:1px solid rgba(6,21,28,.25)}
.contact-note span{font-size:24px}
.contact-note p{margin:0;max-width:420px;font-size:13px}
form{padding:38px;background:var(--paper);box-shadow:0 35px 80px rgba(6,21,28,.16)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:block;margin-bottom:20px;font:600 12px/1.3 var(--sans);letter-spacing:.05em}
input,select,textarea{display:block;width:100%;margin-top:9px;padding:14px 0;border:0;border-bottom:1px solid rgba(6,21,28,.28);border-radius:0;background:transparent;color:var(--ink);outline:none;font:400 15px/1.4 var(--body)}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{border-color:#16848b}
.consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;letter-spacing:0;color:#536166}
.consent input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--ink)}
.submit{width:100%;border:0;background:var(--ink);color:white}
.submit:hover{background:var(--orange);color:var(--ink)}
.form-status{margin:14px 0 0;color:#2e5b60;font-size:12px}
footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;padding:50px clamp(24px,8vw,130px);background:#030c10;border-top:1px solid var(--line)}
.footer-brand{display:flex;align-items:center;gap:26px}
.footer-brand img{width:150px;height:48px}
.footer-brand p{margin:0;color:#819094;font-size:12px}
.footer-links{display:flex;gap:24px;color:#9eacb0;font:500 12px/1 var(--sans)}
.back-top{color:var(--cyan);font:600 11px/1 var(--sans)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}
@media (max-width:980px){
  .site-header{height:78px}.brand{width:165px;height:46px}.menu-toggle{display:block}nav{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;margin:0;padding:96px 24px;display:flex;flex-direction:column;justify-content:center;background:#06151c;font-size:20px;transform:translateX(110vw);transition:.35s}nav.open{transform:none}.nav-cta{margin-top:10px}.hero-signature{display:none}.why-grid,.contact-shell{grid-template-columns:1fr}.pillars{grid-template-columns:1fr 1fr}.pillars article:nth-child(2){border-right:0}.pillars article:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-experience{grid-template-columns:1fr}.product-list{border-right:0;border-bottom:1px solid var(--line)}.product-tab{min-height:92px}.leaders{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait{height:520px}footer{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-content:center}
}
@media (max-width:620px){
  .section{padding:82px 22px}.site-header{padding:0 20px}.hero{padding:125px 22px 78px}.hero-media{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(3,15,21,.95),rgba(3,15,21,.52)),linear-gradient(0deg,rgba(3,15,21,.8),transparent)}h1{font-size:49px}.hero-statement{font-size:20px}.button{width:100%}.scroll-cue{display:none}.why h2,.what h2,.section-head h2,.contact h2{font-size:41px}.why-grid{margin-top:55px;gap:46px}blockquote{padding-left:24px}.pillars{grid-template-columns:1fr}.pillars article{border-right:0;border-bottom:1px solid var(--line)!important;padding-left:0;padding-right:0}.pillars article:last-child{border-bottom:0!important}.pillars h3{margin-top:32px}.product-experience{margin-top:48px}.product-tab{padding:19px 17px}.product-stage{min-height:500px;padding:34px 24px}.leaders{grid-template-columns:1fr;margin-top:50px}.portrait{height:430px}.leader-copy{padding:28px}.contact{padding:82px 18px}.contact-shell{gap:45px}form{padding:26px 20px}.field-row{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-brand{flex-direction:column;gap:8px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}