:root{--ink:#061d27;--deep:#032c3a;--teal:#00495b;--cyan:#28aee3;--orange:#ff8c19;--paper:#f3f7f8;--white:#fff;--muted:#6b818a;--line:rgba(6,29,39,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5}button,a{font:inherit}a{color:inherit;text-decoration:none}.site-header{height:78px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;padding:0 clamp(20px,4vw,68px);gap:52px;color:#fff;border-bottom:1px solid rgba(255,255,255,.17);transition:.35s}.site-header.scrolled{height:68px;background:rgba(3,30,39,.94);backdrop-filter:blur(18px)}.brand{display:flex;align-items:flex-start;gap:8px;font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.03em}.brand span{font-size:1.55rem;line-height:.9}.brand small{font-size:.5rem;line-height:1.05;letter-spacing:.12em;max-width:48px}.site-header nav{display:flex;gap:32px;margin-left:auto}.site-header nav a{font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;opacity:.8}.site-header nav a:hover{opacity:1}.header-cta{font-size:.79rem;text-transform:uppercase;letter-spacing:.08em;padding:11px 16px;border:1px solid rgba(255,255,255,.35)}.menu-button{display:none;margin-left:auto;background:none;color:#fff;border:1px solid rgba(255,255,255,.35);padding:8px 12px}.hero{position:relative;height:min(920px,100vh);min-height:700px;color:#fff;overflow:hidden}.hero-backdrop{position:absolute;inset:0;background:url('assets/hero.webp') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,15,23,.95) 0%,rgba(1,15,23,.72) 39%,rgba(1,15,23,.12) 72%),linear-gradient(0deg,rgba(1,18,25,.82),transparent 35%)}.hero-content{position:absolute;left:clamp(24px,8vw,132px);top:50%;transform:translateY(-49%);max-width:670px}.eyebrow{margin:0 0 18px;color:var(--orange);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.eyebrow.dark{color:#557985}.hero h1,.section h2,.continuity h2,.flexibility h2,.contact h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.025em;line-height:.88;margin:0;font-weight:700}.hero h1{font-size:clamp(4.5rem,8.6vw,9rem)}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-copy{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:560px;color:rgba(255,255,255,.76);margin:28px 0}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.1em;transition:.2s}.button.primary{background:var(--orange);color:#16222a}.button.primary:hover{background:#ffa342;transform:translateY(-2px)}.button.ghost{border:1px solid rgba(255,255,255,.35);color:#fff}.button.ghost:hover{background:#fff;color:var(--ink)}.experience-card{position:absolute;right:clamp(24px,6vw,90px);bottom:88px;width:290px;padding:22px 24px;border-left:2px solid var(--orange);background:rgba(3,30,39,.72);backdrop-filter:blur(10px)}.experience-card strong{font-family:"Barlow Condensed";font-size:4.2rem;line-height:.8;color:var(--orange)}.experience-card span{display:inline-block;margin-left:10px;text-transform:uppercase;font-family:"Barlow Condensed";font-weight:700;line-height:1.05}.experience-card p{font-size:.78rem;color:rgba(255,255,255,.68);margin:16px 0 0}.scroll-cue{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);font-size:.64rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.6);display:flex;gap:10px;align-items:center}.scroll-cue span{width:34px;height:1px;background:var(--orange)}.section{padding:clamp(86px,10vw,150px) clamp(24px,8vw,132px)}.section-heading{max-width:650px}.section h2,.continuity h2,.flexibility h2,.contact h2{font-size:clamp(3.2rem,5.7vw,6.2rem)}.section-heading>p:last-child{max-width:560px;color:var(--muted);font-size:1.05rem}.architecture-grid{display:grid;grid-template-columns:minmax(260px,.7fr) 1.8fr;gap:46px;margin-top:65px}.part-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}.part-tab{display:grid;grid-template-columns:42px 1fr;text-align:left;padding:24px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;opacity:.55;transition:.25s}.part-tab span{grid-row:1/3;color:var(--orange);font-family:"Barlow Condensed";font-size:1.05rem}.part-tab b{text-transform:uppercase;font-family:"Barlow Condensed";font-size:1.25rem;letter-spacing:.02em}.part-tab small{color:var(--muted)}.part-tab.active{opacity:1;padding-left:18px;background:#fff;box-shadow:inset 3px 0 var(--orange)}.architecture-stage{position:relative;min-height:480px;background:#e7f0f3;overflow:hidden}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(3,71,88,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(3,71,88,.07) 1px,transparent 1px);background-size:36px 36px}.architecture-stage img{position:absolute;width:72%;height:76%;right:1%;top:3%;object-fit:contain;filter:drop-shadow(0 28px 24px rgba(0,31,43,.18));transition:.35s}.stage-copy{position:absolute;left:28px;bottom:25px;background:rgba(255,255,255,.94);padding:20px 22px;width:min(380px,70%);border-top:3px solid var(--orange)}.stage-copy span{font-size:.65rem;text-transform:uppercase;color:var(--orange);font-weight:700;letter-spacing:.12em}.stage-copy h3{font-family:"Barlow Condensed";font-size:1.7rem;text-transform:uppercase;margin:3px 0}.stage-copy p{font-size:.82rem;margin:0;color:var(--muted)}.process{display:flex;align-items:center;justify-content:center;margin-top:44px;gap:16px;text-transform:uppercase;font-family:"Barlow Condensed";font-weight:700}.process i{height:1px;flex:1;max-width:100px;background:linear-gradient(90deg,var(--orange),var(--cyan))}.continuity,.flexibility{position:relative;min-height:760px;color:#fff;display:grid;place-items:center;overflow:hidden}.continuity>img,.flexibility>img{position:absolute;width:100%;height:100%;object-fit:cover}.continuity-overlay,.flex-overlay{position:absolute;inset:0;background:rgba(2,25,35,.66)}.continuity-content,.flex-content{position:relative;text-align:center;width:min(920px,88%)}.continuity-content h2 em{color:#fff}.level-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.3);margin:54px auto 28px;max-width:750px}.level-pair>div{background:rgba(4,31,42,.62);padding:28px}.level-pair span{font-family:"Barlow Condensed";font-size:2.9rem;font-weight:700;text-transform:uppercase}.level-pair p{margin:4px 0 0;text-transform:uppercase;font-size:.67rem;font-weight:700;letter-spacing:.1em;color:var(--cyan)}.same-cart{max-width:620px;margin:auto;color:rgba(255,255,255,.7)}.dark-section{background:var(--deep);color:#fff}.dark-section .section-heading>p:last-child{color:rgba(255,255,255,.63)}.configurator{display:grid;grid-template-columns:230px 1fr 230px;gap:30px;align-items:center;margin-top:54px}.adapter-selector{display:flex;flex-direction:column;gap:8px}.adapter-option{border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;text-align:left;padding:16px;cursor:pointer;text-transform:uppercase;font-family:"Barlow Condensed";font-size:1.05rem}.adapter-option .adapter-num{color:var(--orange);font-size:.7rem;margin-right:9px}.adapter-option.active{border-color:var(--orange);background:rgba(255,140,25,.1)}.config-stage{position:relative;height:510px;display:grid;place-items:center}.base-cart{position:absolute;width:92%;max-height:82%;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(0,0,0,.4))}.active-adapter{position:absolute;width:46%;height:32%;object-fit:contain;top:10%;left:27%;filter:drop-shadow(0 8px 8px rgba(0,0,0,.4));transition:opacity .22s,transform .3s}.active-adapter.changing{opacity:0;transform:translateY(-10px)}.pulse-ring{position:absolute;width:48%;aspect-ratio:1;border:1px solid rgba(40,174,227,.28);border-radius:50%;animation:pulse 3s infinite}.config-label{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);text-align:center}.config-label span{display:block;color:var(--orange);font-family:"Barlow Condensed";font-size:1.4rem;text-transform:uppercase}.config-label small{text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.48)}.constant-list>div{border-top:1px solid rgba(255,255,255,.17);padding:18px 0}.constant-list span,.constant-list b{display:block}.constant-list span{font-size:.66rem;color:rgba(255,255,255,.48);text-transform:uppercase;letter-spacing:.1em}.constant-list b{font-family:"Barlow Condensed";font-size:1.1rem;text-transform:uppercase}.constant-list .accent b{color:var(--orange)}.flexibility{min-height:780px;align-items:end}.flex-overlay{background:linear-gradient(90deg,rgba(2,25,35,.95),rgba(2,25,35,.5) 58%,rgba(2,25,35,.15))}.flex-content{text-align:left;width:min(820px,80%);margin:0 auto 100px max(6vw,24px)}.flex-content p:not(.eyebrow){max-width:610px;color:rgba(255,255,255,.72)}.metric-row{display:flex;gap:50px;margin-top:35px}.metric-row div{display:flex;align-items:center;gap:10px}.metric-row strong{font-family:"Barlow Condensed";color:var(--orange);font-size:2.5rem}.metric-row span{text-transform:uppercase;font-size:.65rem;letter-spacing:.09em;max-width:72px}.engineering-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;margin-top:64px}.engineering-visual{background:#e6f0f3;min-height:570px;display:grid;place-items:center;position:relative;overflow:hidden}.engineering-visual:before{content:"";position:absolute;width:74%;aspect-ratio:1;border:1px solid rgba(3,71,88,.12);border-radius:50%}.engineering-visual img{width:86%;height:78%;object-fit:contain;position:relative;filter:drop-shadow(0 24px 20px rgba(0,38,49,.2));transition:.25s}.engineering-index{position:absolute;left:24px;top:10px;font-family:"Barlow Condensed";font-size:7rem;font-weight:700;color:rgba(1,65,82,.08)}.engineering-list{border-top:1px solid var(--line)}.engineering-item{width:100%;display:grid;grid-template-columns:38px 1fr 24px;gap:10px;text-align:left;padding:21px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.engineering-item>span{color:var(--orange);font-family:"Barlow Condensed"}.engineering-item h3{font-family:"Barlow Condensed";font-size:1.35rem;text-transform:uppercase;margin:0}.engineering-item p{font-size:.63rem;color:var(--cyan);font-weight:700;letter-spacing:.08em;margin:2px 0 0}.engineering-item small{display:block;color:var(--muted);max-height:0;overflow:hidden;opacity:0;transition:.3s;margin-top:0}.engineering-item>b{font-size:1.3rem;font-weight:400}.engineering-item.active small{max-height:120px;opacity:1;margin-top:10px}.engineering-item.active>b{transform:rotate(45deg)}.contact{background:#031e27;color:#fff;padding:clamp(90px,11vw,160px) clamp(24px,8vw,132px) 30px}.contact-inner{max-width:900px}.contact-inner>p:not(.eyebrow){max-width:650px;color:rgba(255,255,255,.65);font-size:1.05rem;margin:26px 0}.contact footer{margin-top:120px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:35px;color:rgba(255,255,255,.55);font-size:.72rem}.contact footer p{margin-left:auto}.brand.light{color:#fff}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes pulse{0%,100%{transform:scale(.88);opacity:.5}50%{transform:scale(1.08);opacity:1}}
@media(max-width:900px){.site-header nav,.header-cta{display:none}.menu-button{display:block}.site-header.open{height:auto;min-height:250px;align-items:flex-start;padding-top:24px;background:#031e27}.site-header.open nav{display:flex;position:absolute;left:24px;top:90px;flex-direction:column}.experience-card{display:none}.architecture-grid,.engineering-layout{grid-template-columns:1fr}.configurator{grid-template-columns:1fr}.adapter-selector{flex-direction:row;overflow:auto}.adapter-option{min-width:150px}.constant-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.constant-list>div{border:1px solid rgba(255,255,255,.15);padding:14px}.engineering-visual{min-height:420px}.hero-shade{background:linear-gradient(90deg,rgba(1,15,23,.9),rgba(1,15,23,.28)),linear-gradient(0deg,rgba(1,18,25,.85),transparent 45%)}}
@media(max-width:600px){.hero{min-height:720px}.hero-content{top:47%}.hero h1{font-size:4.25rem}.section{padding-left:20px;padding-right:20px}.architecture-stage{min-height:400px}.architecture-stage img{width:98%;right:-10%;height:65%}.stage-copy{left:14px;bottom:14px;width:calc(100% - 28px)}.process{gap:7px;font-size:.68rem}.process i{max-width:20px}.continuity,.flexibility{min-height:670px}.level-pair{grid-template-columns:1fr}.level-pair>div{padding:18px}.level-pair span{font-size:2.2rem}.config-stage{height:390px}.constant-list{grid-template-columns:1fr}.metric-row{gap:16px;flex-wrap:wrap}.flex-content{margin-bottom:55px}.engineering-visual{min-height:330px}.contact footer{align-items:flex-start;flex-direction:column;margin-top:80px}.contact footer p{margin:0}.site-header{height:64px}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.reveal{opacity:1;transform:none;transition:none}}

/* Responsive image system */
html,body{max-width:100%;overflow-x:hidden}.hero-backdrop{background-position:54% center}.architecture-stage img,.base-cart,.active-adapter,.engineering-visual img{max-width:100%}.continuity>img{object-position:center center}.flexibility>img{object-position:center 55%}

@media(min-width:1400px){
  .hero-backdrop{background-size:cover;background-position:center 54%}
  .hero-content{max-width:760px}.hero-copy{max-width:620px}
  .architecture-grid{grid-template-columns:340px minmax(0,1fr);max-width:1500px;margin-left:auto;margin-right:auto}
  .architecture-stage{min-height:560px}.architecture-stage img{width:min(72%,1000px);height:78%;right:3%}
  .configurator{max-width:1480px;margin-left:auto;margin-right:auto}.config-stage{height:580px}.base-cart{width:min(92%,1050px)}
  .engineering-layout{max-width:1450px;margin-left:auto;margin-right:auto}.engineering-visual{min-height:650px}
}

@media(min-width:901px) and (max-width:1199px){
  .hero-backdrop{background-position:61% center}.hero-content{left:6vw;max-width:570px}.hero h1{font-size:clamp(4.8rem,8vw,7rem)}
  .experience-card{right:4vw;width:260px}
  .section{padding-left:5vw;padding-right:5vw}.architecture-grid{grid-template-columns:280px minmax(0,1fr);gap:28px}
  .architecture-stage{min-height:450px}.architecture-stage img{width:78%;right:-2%}
  .configurator{grid-template-columns:190px minmax(0,1fr) 190px;gap:16px}.config-stage{height:450px}
  .engineering-layout{gap:32px}.engineering-visual{min-height:500px}
}

@media(max-width:900px){
  .site-header{height:66px;padding:0 20px;background:linear-gradient(180deg,rgba(2,20,28,.78),transparent)}
  .site-header.scrolled{height:62px}.site-header.open{min-height:278px;padding-top:22px;background:rgba(3,30,39,.98)}
  .site-header.open nav{top:82px;left:20px;right:20px;gap:0}.site-header.open nav a{display:flex;align-items:center;min-height:50px;border-top:1px solid rgba(255,255,255,.13);font-size:.88rem}
  .menu-button{min-height:40px;min-width:64px}
  .hero{height:auto;min-height:760px;display:flex;align-items:flex-end;padding:0 20px 58px}
  .hero-backdrop{background-size:auto 62%;background-repeat:no-repeat;background-position:64% top;background-color:#061a23}
  .hero-shade{background:linear-gradient(180deg,rgba(1,15,23,.05) 0%,rgba(1,15,23,.1) 35%,rgba(1,15,23,.96) 61%,#01121a 100%),linear-gradient(90deg,rgba(1,15,23,.42),transparent 75%)}
  .hero-content{position:relative;left:auto;top:auto;transform:none;max-width:640px;width:100%}.hero h1{font-size:clamp(4rem,12vw,6rem);line-height:.87}.hero-copy{font-size:1rem;line-height:1.55;max-width:510px;margin:20px 0 24px}
  .scroll-cue{display:none}.section{padding:82px 24px}.section h2,.continuity h2,.flexibility h2,.contact h2{font-size:clamp(3rem,9vw,5rem);line-height:.9}.section-heading>p:last-child{font-size:1rem}
  .architecture-grid{display:flex;flex-direction:column;gap:22px;margin-top:38px}.part-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}
  .part-tab{display:flex;flex-direction:column;gap:3px;min-height:106px;padding:14px 12px;border-bottom:0;border-right:1px solid var(--line)}.part-tab:last-child{border-right:0}.part-tab span{font-size:.8rem}.part-tab b{font-size:1rem;line-height:1.05}.part-tab small{display:none}.part-tab.active{padding-left:12px;box-shadow:inset 0 3px var(--orange)}
  .architecture-stage{min-height:500px}.architecture-stage img{width:94%;height:66%;right:3%;top:0;object-fit:contain}.stage-copy{left:18px;right:18px;bottom:18px;width:auto}.stage-copy p{font-size:.88rem;line-height:1.5}
  .process{margin-top:28px;justify-content:space-between;gap:6px}.process span{font-size:.76rem}.process i{min-width:8px}
  .continuity,.flexibility{min-height:680px}.continuity>img{object-position:48% center}.continuity-content,.flex-content{width:calc(100% - 40px)}.continuity-content h2 em{display:block}.level-pair{margin:34px auto 22px}.same-cart{font-size:.95rem;line-height:1.55}
  .configurator{display:flex;flex-direction:column;gap:20px;margin-top:38px}.adapter-selector{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;overflow:visible}.adapter-option{min-width:0;min-height:68px;padding:10px;font-size:.92rem;line-height:1.05}.adapter-option .adapter-num{display:block;margin:0 0 5px}
  .config-stage{width:100%;height:auto;aspect-ratio:1.25/1;min-height:330px}.base-cart{width:98%;height:74%;object-fit:contain;top:16%}.active-adapter{width:46%;height:29%;top:6%}.config-label{bottom:0;width:100%}.constant-list{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.constant-list b{font-size:.98rem;line-height:1.05}
  .flexibility{align-items:end}.flexibility>img{object-position:61% center}.flex-overlay{background:linear-gradient(180deg,rgba(2,25,35,.05),rgba(2,25,35,.52) 40%,rgba(2,25,35,.96) 75%)}.flex-content{margin:0 20px 56px;text-align:left}.flex-content p:not(.eyebrow){font-size:.96rem}.metric-row{gap:28px;margin-top:26px}
  .engineering-layout{gap:28px;margin-top:38px}.engineering-visual{min-height:0;aspect-ratio:1.18/1}.engineering-visual img{width:92%;height:78%;object-fit:contain}.engineering-index{font-size:5rem}.engineering-item{padding:19px 0;grid-template-columns:34px 1fr 22px}.engineering-item h3{font-size:1.25rem}.engineering-item p{font-size:.75rem;line-height:1.4}.engineering-item small{font-size:.9rem;line-height:1.5}
  .contact{padding:82px 24px 28px}.contact footer{margin-top:78px}
}

@media(max-width:560px){
  .hero{min-height:720px;padding-bottom:42px}.hero-backdrop{background-size:auto 53%;background-position:58% top}.hero h1{font-size:clamp(3.7rem,17vw,4.8rem)}.hero-actions{gap:8px}.hero-actions .button{min-height:48px}.hero-actions .button.primary{width:100%}.hero-actions .button.ghost{width:100%}
  .section{padding:68px 18px}.section h2,.continuity h2,.flexibility h2,.contact h2{font-size:clamp(2.8rem,13vw,4rem)}
  .part-tabs{margin-left:-18px;margin-right:-18px;border-left:0;border-right:0}.part-tab{min-height:96px;padding:12px 8px}.part-tab.active{padding-left:8px}.part-tab b{font-size:.92rem}
  .architecture-stage{margin-left:-18px;margin-right:-18px;min-height:430px}.architecture-stage img{width:104%;height:58%;right:-2%;top:1%}.stage-copy{left:12px;right:12px;bottom:12px;padding:17px}.stage-copy h3{font-size:1.5rem}
  .process{overflow-x:auto;justify-content:flex-start;padding-bottom:6px}.process span{white-space:nowrap}.process i{flex:0 0 16px}
  .continuity{min-height:640px}.continuity>img{height:48%;top:0;object-position:52% center}.continuity-overlay{background:linear-gradient(180deg,rgba(2,25,35,.05),rgba(2,25,35,.88) 43%,#021923 62%)}.continuity-content{align-self:end;margin-bottom:42px}.level-pair{grid-template-columns:1fr 1fr}.level-pair>div{padding:15px 8px}.level-pair span{font-size:1.9rem}.level-pair p{font-size:.7rem}
  .dark-section{padding-left:18px;padding-right:18px}.adapter-selector{margin-left:-18px;margin-right:-18px;width:calc(100% + 36px);gap:0}.adapter-option{border-left:0}.adapter-option:last-child{border-right:0}.config-stage{min-height:285px;aspect-ratio:1.05/1}.base-cart{width:108%;height:72%;left:-4%;top:16%}.active-adapter{width:54%;left:23%;top:5%}.pulse-ring{width:62%}
  .constant-list{grid-template-columns:1fr;gap:6px}.constant-list>div{display:flex;align-items:center;justify-content:space-between;padding:13px}.constant-list b{font-size:1rem;text-align:right}
  .flexibility{min-height:700px}.flexibility>img{height:55%;top:0;object-position:63% center}.flex-overlay{background:linear-gradient(180deg,rgba(2,25,35,.04),rgba(2,25,35,.85) 48%,#021923 66%)}.flex-content{width:auto;margin:0 18px 44px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-row div{display:block}.metric-row strong,.metric-row span{display:block}.metric-row strong{font-size:2rem}.metric-row span{font-size:.7rem;max-width:none}
  .engineering-visual{margin-left:-18px;margin-right:-18px;aspect-ratio:1/1}.engineering-visual img{width:100%;height:78%}.engineering-item small{font-size:.86rem}.contact{padding-left:20px;padding-right:20px}.contact-actions .button{width:100%}
}

@media(max-width:380px){.hero h1{font-size:3.45rem}.part-tab b{font-size:.82rem}.architecture-stage{min-height:410px}.level-pair span{font-size:1.65rem}.adapter-option{font-size:.82rem}.config-stage{min-height:260px}}

/* MARK Group footer */
.contact footer.group-footer{margin-top:110px;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:42px}
.group-branding{display:flex;align-items:center;gap:34px;min-width:0}
.group-parent-logo{display:block;width:205px;height:auto;flex:0 0 auto}
.group-company-logos{display:flex;align-items:center;gap:30px;padding-left:34px;border-left:1px solid rgba(255,255,255,.2)}
.group-company-logos img{display:block;width:auto;height:48px;object-fit:contain}
.group-company-logos img:last-child{height:45px}
.footer-meta{margin-left:auto;display:flex;align-items:center;gap:28px;white-space:nowrap}
.contact footer.group-footer .footer-meta p{margin:0}
.site-header .brand-logo{display:flex;align-items:center;height:100%;flex:0 0 auto}
.site-header .brand-logo img{display:block;width:126px;height:auto;max-height:50px;object-fit:contain}
@media(min-width:901px){
  .hero{height:auto;min-height:max(820px,100svh);display:flex;align-items:center;padding:112px clamp(24px,8vw,132px) 118px}
  .hero-content{position:relative;left:auto;top:auto;transform:none;width:min(760px,68vw)}
}
@media(min-width:901px) and (max-height:820px){
  .hero{min-height:820px;padding-top:100px;padding-bottom:104px}
  .hero h1{font-size:clamp(4.5rem,7.6vw,7.5rem)}
  .hero-copy{margin:22px 0}
  .scroll-cue{bottom:20px}
}

/* Keep the heading fixed; move only the maintenance-level details lower. */
@media(min-width:901px){
  .level-pair,.same-cart{transform:translateY(56px)}
}

@media(min-width:561px) and (max-width:900px){
  .level-pair,.same-cart{transform:translateY(42px)}
}

@media(max-width:560px){
  .level-pair,.same-cart{transform:translateY(24px)}
}
@media(max-width:1100px){.contact footer.group-footer{align-items:flex-start;flex-direction:column}.footer-meta{margin-left:0;width:100%;justify-content:space-between}.group-company-logos{gap:24px}}
@media(max-width:680px){.site-header .brand-logo img{width:112px;max-height:45px}.contact footer.group-footer{margin-top:78px;gap:30px}.group-branding{width:100%;flex-direction:column;align-items:flex-start;gap:22px}.group-parent-logo{width:190px}.group-company-logos{width:100%;padding:20px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.2);gap:16px;justify-content:space-between}.group-company-logos img{height:34px;max-width:30%}.group-company-logos img:last-child{height:32px}.footer-meta{align-items:flex-start;flex-direction:column;gap:14px;white-space:normal}}

/* Mobile engineering system selector */
.engineering-mobile-guide,.engineering-mobile-detail{display:none}
@media(max-width:700px){
  .engineering-mobile-guide{display:flex;align-items:center;gap:10px;margin:34px 0 12px;color:var(--teal);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
  .engineering-mobile-guide:before{content:"";width:28px;height:2px;background:var(--orange)}
  .engineering-layout{display:flex;flex-direction:column;gap:14px;margin-top:0}
  .engineering-list{order:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:0}
  .engineering-item{min-height:88px;padding:13px 12px;grid-template-columns:24px minmax(0,1fr) 18px;gap:7px;border:1px solid var(--line);background:#fff;align-items:start}
  .engineering-item>span{font-size:.78rem;line-height:1.25}
  .engineering-item h3{font-size:1.05rem;line-height:1.02}
  .engineering-item p,.engineering-item small{display:none}
  .engineering-item>b{font-size:1.05rem;line-height:1;color:var(--orange);transition:transform .2s ease}
  .engineering-item.active{border-color:var(--deep);background:var(--deep);color:#fff}
  .engineering-item.active>span{color:var(--orange)}
  .engineering-item.active>b{transform:rotate(45deg)}
  .engineering-visual{order:2;margin:0;aspect-ratio:1.12/1;min-height:0;border-bottom:3px solid var(--orange)}
  .engineering-visual img{width:96%;height:84%;object-fit:contain;transition:opacity .18s ease}
  .engineering-index{left:16px;top:8px;font-size:4.5rem}
  .engineering-mobile-detail{order:3;display:grid;grid-template-columns:36px 1fr;gap:10px;padding:18px 4px 4px}
  .engineering-mobile-detail>span{font-family:"Barlow Condensed",sans-serif;font-size:1rem;font-weight:700;color:var(--orange)}
  .engineering-mobile-detail h3{margin:0;font-family:"Barlow Condensed",sans-serif;font-size:1.55rem;line-height:1;text-transform:uppercase}
  .engineering-mobile-detail p{margin:5px 0 10px;color:var(--cyan);font-size:.7rem;font-weight:700;letter-spacing:.08em}
  .engineering-mobile-detail small{display:block;color:var(--muted);font-size:.9rem;line-height:1.55}
}
