.hero{padding-top:120px;padding-bottom:30px}
.hero-grid{align-items:center}
.hero h1{font-size:clamp(48px,5vw,68px);margin-top:21px;text-wrap:balance}
.hero-positioning{max-width:580px;margin:23px 0 0;color:var(--ink);font:400 clamp(23px,2.4vw,32px)/1.2 var(--display)}
.hero p.lead{max-width:590px;margin-top:18px;font-size:17px;line-height:1.65}
.hero-cta{margin-top:27px}
.fx-home-links{margin-top:17px}
.scroll-cue{margin-top:23px}
.fx-connected{padding:48px 0 78px;background:#eff4f1}
.fx-connected .label{color:#a94211}
.fx-connected-head{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:end}
.fx-connected-head h2{max-width:680px;margin:12px 0 0;font-size:clamp(36px,4.1vw,55px);line-height:1.1}
.fx-connected-head h2 span{color:#257361}
.fx-connected-head>p{max-width:430px;margin:0 0 5px;color:#40544e;font-size:17px}
.fx-connected-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px;border-top:1px solid #bfcfc7;border-bottom:1px solid #bfcfc7}
.fx-connected-flow>div{min-height:170px;padding:27px 26px 25px 0;border-right:1px solid #bfcfc7}
.fx-connected-flow>div+div{padding-left:26px}
.fx-connected-flow>div:last-child{border-right:0}
.fx-connected-flow span{display:block;margin-bottom:16px;color:#a94211;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.07em}
.fx-connected-flow strong{display:block;font:400 22px/1.2 var(--display)}
.fx-connected-flow p{margin:8px 0 0;color:#52645e;font-size:14px}
.fx-connected-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:23px}
.fx-connected-bottom p{max-width:680px;margin:0;color:#40544e;font-size:14px}
.fx-connected-bottom a{flex:none;color:#9d3b0b;font-size:14px;font-weight:700}
.fx-connected-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1150px){.fx-connected-head{gap:35px}}
@media(max-width:900px){.hero{padding-top:115px}.fx-connected-head{grid-template-columns:1fr;gap:18px}.fx-connected-head>p{max-width:720px}}
@media(max-width:700px){.hero{padding-top:95px;padding-bottom:30px}.hero-grid>.fx-show{display:none}.hero h1{font-size:clamp(42px,10vw,57px)}.hero-positioning{font-size:25px}.hero p.lead{font-size:16px}.hero .scroll-cue{display:none}.fx-connected{padding:38px 0 65px}.fx-connected-flow{grid-template-columns:1fr;margin-top:30px}.fx-connected-flow>div,.fx-connected-flow>div+div{min-height:0;padding:20px 0;border-right:0;border-bottom:1px solid #bfcfc7}.fx-connected-flow>div:last-child{border-bottom:0}.fx-connected-bottom{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:480px){.hero{padding-top:85px;padding-bottom:25px}.hero-positioning{margin-top:16px}.hero p.lead{margin-top:14px;font-size:15px;line-height:1.5}.hero-cta{margin-top:23px}.fx-home-links{margin-top:14px}.fx-home-links a:not(:first-child){display:none}.fx-connected{padding-top:32px}}

header .logo img{display:block;width:174px;height:auto;max-height:38px}
.hero{isolation:isolate;display:flex;align-items:center;min-height:min(670px,78vh);padding:105px 0 30px;color:#fff;background:#172b30 url('home-tech-studio.jpg') center 46%/cover no-repeat}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,22,27,.91) 0%,rgba(9,22,27,.79) 37%,rgba(9,22,27,.23) 76%,rgba(9,22,27,.08) 100%)}
.hero>.wrap{width:100%}
.hero-grid{grid-template-columns:1fr}
.hero-copy{max-width:735px}
.hero .brandline{color:#d5e5e3}
.hero .brandline .ln{background:#ffad72}
.hero h1{color:#fff}
.hero .hero-positioning{color:#fff}
.hero p.lead{color:#e5edeb}
.hero .btn-g{background:#fff;border-color:#fff;color:#17252b}
.hero .btn-g:hover{background:#eff4f1}
.fx-home-links{display:flex;flex-wrap:wrap;gap:9px 22px}
.fx-home-links a{padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:13px;font-weight:600;text-decoration:underline;text-decoration-color:#ffffff66;text-underline-offset:5px}
.fx-home-links a:hover{color:#ffbc90}
.hero .scroll-cue{color:#dce8e5}
.hero .scroll-cue:hover{color:#fff}

.fx-products-intro{padding:65px 0 70px;background:#f0f5f2}
.fx-products-intro-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.fx-products-intro h2{max-width:650px;margin:12px 0 0;font-size:clamp(35px,4vw,54px);line-height:1.12}
.fx-products-intro-copy p{max-width:430px;margin:0 0 24px;color:#40544e;font-size:16px}
@media(max-width:900px){.hero{min-height:590px}.fx-products-intro-inner{gap:30px}}
@media(max-width:700px){header .logo img{width:154px}.hero{min-height:0;padding:110px 0 38px;background-position:62% center}.hero:before{background:linear-gradient(90deg,rgba(9,22,27,.91),rgba(9,22,27,.65))}.hero h1{margin-top:17px}.hero .hero-positioning{margin-top:17px}.hero .hero-cta{gap:9px}.hero .btn{font-size:13px;padding:11px 15px}.hero .scroll-cue{display:none}.fx-products-intro{padding:46px 0 52px}.fx-products-intro-inner{grid-template-columns:1fr;gap:20px}}
@media(max-width:480px){.hero{padding-top:92px;padding-bottom:30px}.hero p.lead{font-size:15px}.hero .hero-cta{margin-top:24px}.hero .btn{width:100%;justify-content:center}.fx-home-links{margin-top:18px}.fx-home-links a:not(:first-child){display:inline}.fx-products-intro h2{font-size:35px}.fx-products-intro-copy p{font-size:15px}}
@media(max-width:360px){.fx-home-links a:not(:first-child){display:none}.hero{padding-bottom:18px}}