/* ============================================================
   AGENTIV — Shared Styles
   ============================================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --v:#D4E520;--bk:#080809;--ch:#F0EDE8;--gr:#606060;
  --gap:3px;--cell:clamp(50px,7.5vw,88px);
}
html,body{height:100%}
html{overflow-x:hidden}
body{
  background:var(--bk);color:var(--gr);
  font-family:'DM Sans',sans-serif;font-weight:300;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--v);color:var(--bk)}

/* VIEW TRANSITIONS */
@view-transition{navigation:auto}
::view-transition-old(root){animation:fadeOut 0.3s ease-in both}
::view-transition-new(root){animation:fadeIn 0.4s ease-out both}
@keyframes fadeOut{to{opacity:0}}
@keyframes fadeIn{from{opacity:0}}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;justify-content:space-between;align-items:center;
  padding:20px clamp(20px,4vw,60px);
  background:rgba(8,8,9,0.85);backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.nav-left{display:flex;align-items:center;gap:16px}
.nav-logo{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(18px,2vw,24px);color:var(--ch);
  letter-spacing:0.15em;text-decoration:none;
}
/* SUB-PAGE CUBE — inline in nav next to logo, decorative only */
.sub-cube-area{
  --mc:20px;
  --mg:1px;
  display:none;
  pointer-events:none;
}
body.has-nav-cube .sub-cube-area{display:block}
.sub-cube-wrap{
  perspective:400px;
  width:calc(var(--mc)*3 + var(--mg)*2);
  height:calc(var(--mc)*3 + var(--mg)*2);
}
.sub-cube{
  width:100%;height:100%;position:relative;
  transform-style:preserve-3d;will-change:transform;
}
.sub-cube .mini-face{
  position:absolute;width:100%;height:100%;
  display:grid;grid-template-columns:repeat(3,var(--mc));grid-template-rows:repeat(3,var(--mc));
  gap:var(--mg);backface-visibility:visible;
}
.sub-cube .mini-cell{
  width:var(--mc);height:var(--mc);overflow:hidden;
  background-size:cover;background-position:center;
  transition:opacity 0.5s ease,filter 0.5s ease;
}
.sub-cube .mini-face--front{transform:translateZ(calc((var(--mc)*3 + var(--mg)*2)/2))}
.sub-cube .mini-face--back{transform:rotateY(180deg) translateZ(calc((var(--mc)*3 + var(--mg)*2)/2))}
.sub-cube .mini-face--left{transform:rotateY(-90deg) translateZ(calc((var(--mc)*3 + var(--mg)*2)/2))}
.sub-cube .mini-face--right{transform:rotateY(90deg) translateZ(calc((var(--mc)*3 + var(--mg)*2)/2))}
.sub-cube .mini-face--top{transform:rotateX(90deg) translateZ(calc((var(--mc)*3 + var(--mg)*2)/2))}
.sub-cube .mini-face--bottom{transform:rotateX(-90deg) translateZ(calc((var(--mc)*3 + var(--mg)*2)/2))}

/* Per-page cell dimming */
.sub-cube-wrap.cube-dim .mini-cell{opacity:0.4}
.sub-cube-wrap.cube-dim .mini-cell.mc-active{opacity:1}
.sub-cube-wrap.cube-muted .mini-cell{opacity:0.6;filter:sepia(0.2) hue-rotate(15deg) saturate(0.7)}

.nav-links{display:flex;gap:clamp(16px,2.5vw,40px);align-items:center}
.nav-links a{
  color:var(--ch);text-decoration:none;font-size:12px;
  letter-spacing:0.12em;text-transform:uppercase;
  opacity:0.5;transition:opacity 0.3s,color 0.3s;
  cursor:pointer;position:relative;padding:4px 0;
}
.nav-links a.active{opacity:1}
.nav-links a:not(.nav-cta)::after{
  content:'';position:absolute;left:0;bottom:-2px;
  width:100%;height:1px;background:var(--v);
  transform:scaleX(0);transform-origin:left;
  transition:transform 0.4s cubic-bezier(0.65,0,0.35,1);
}
.nav-links a:not(.nav-cta):hover{opacity:1}
.nav-links a:not(.nav-cta):hover::after{transform:scaleX(1)}
.nav-links a.active:not(.nav-cta)::after{transform:scaleX(1)}
.nav-cta{
  background:var(--v);color:var(--bk)!important;
  padding:11px 22px;opacity:1!important;
  font-family:'Bebas Neue',sans-serif;
  font-size:13px;letter-spacing:0.14em;
  transition:box-shadow 0.4s,transform 0.3s;
  animation:btnGlow 3s ease-in-out infinite;
}
.nav-cta:hover{
  box-shadow:0 0 36px rgba(212,229,32,0.55);
  transform:translateY(-1px);
  animation:none;
}
@keyframes btnGlow{
  0%,100%{box-shadow:0 0 0 rgba(212,229,32,0)}
  50%{box-shadow:0 0 24px rgba(212,229,32,0.35)}
}

/* PAGE CONTENT */
.page-section{
  min-height:100vh;
  display:flex;align-items:flex-start;justify-content:center;
  padding:clamp(100px,12vh,140px) clamp(20px,5vw,80px) 80px;
  position:relative;
  overflow-x:hidden;
}

/* STAGGERED TEXT REVEAL */
.reveal{
  opacity:0;transform:translateY(30px);
  transition:opacity 0.9s cubic-bezier(0.2,0.7,0.2,1),
             transform 0.9s cubic-bezier(0.2,0.7,0.2,1);
}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal:nth-child(1){transition-delay:0.1s}
.reveal:nth-child(2){transition-delay:0.25s}
.reveal:nth-child(3){transition-delay:0.4s}
.reveal:nth-child(4){transition-delay:0.55s}
.reveal:nth-child(5){transition-delay:0.7s}
.reveal:nth-child(6){transition-delay:0.85s}

@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
@keyframes voltPulse{
  0%,100%{text-shadow:0 0 0 rgba(212,229,32,0)}
  50%{text-shadow:0 0 14px rgba(212,229,32,0.55)}
}

/* SECTION TYPOGRAPHY */
.section-inner{max-width:1100px;margin:0 auto;text-align:center;width:100%;overflow-wrap:break-word;word-wrap:break-word}
.eyebrow{
  font-family:'DM Sans',sans-serif;font-size:12px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--v);margin-bottom:24px;
}
.section-inner h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(38px,5.5vw,80px);
  color:var(--ch);letter-spacing:0.02em;line-height:1.02;
  max-width:980px;margin:0 auto;
}
.section-inner h2 span{color:var(--v)}
.section-inner p.body{
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:clamp(16px,1.5vw,22px);color:var(--gr);
  max-width:760px;margin:36px auto 0;line-height:1.65;
}
.section-inner p.body + p.body{margin-top:24px}

/* HERO (home page only) */
.hero{padding:0 clamp(20px,4vw,60px);overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}
.hero-inner{
  display:flex;align-items:center;justify-content:center;
  gap:clamp(40px,5vw,100px);width:100%;max-width:1400px;margin:0 auto;
  position:relative;z-index:2;
}
.hero::before{
  content:'';position:absolute;top:50%;left:40%;
  width:800px;height:800px;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(212,229,32,0.04) 0%,transparent 70%);
  pointer-events:none;z-index:1;
}
.ag-bg{
  position:absolute;top:50%;left:55%;
  transform:translate(-50%,-50%);
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(500px,68vw,1100px);
  color:var(--v);opacity:0.04;
  line-height:0.78;letter-spacing:-0.04em;
  pointer-events:none;z-index:0;
  user-select:none;white-space:nowrap;
}
.hero-text{max-width:660px;z-index:3;flex-shrink:0;position:relative}
.hero-text h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(36px,4.2vw,68px);
  color:var(--ch);line-height:0.95;letter-spacing:-0.005em;
  overflow:hidden;
}
/* Word wrapper keeps letters grouped so lines never split mid-word */
.hero-text h1 .word{display:inline-block;white-space:nowrap}
.hero-text h1 .accent{color:var(--v)}
.char{
  display:inline-block;
  opacity:0;transform:translateY(60%);
  animation:charIn 0.7s cubic-bezier(0.2,0.7,0.2,1) forwards;
}
@keyframes charIn{to{opacity:1;transform:translateY(0)}}
.hero-text .sub{
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:clamp(15px,1.4vw,20px);color:var(--gr);
  margin-top:28px;line-height:1.6;max-width:460px;
  opacity:0;transform:translateY(20px);
  animation:fadeUp 0.9s ease forwards 1.2s;
}
.hero-text .small{
  font-family:'DM Sans',sans-serif;font-size:13px;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--v);margin-top:24px;
  opacity:0;transform:translateY(20px);
  animation:fadeUp 0.9s ease forwards 1.5s,voltPulse 3s ease-in-out infinite 2s;
}
.hero-cta{
  display:inline-block;margin-top:32px;
  padding:16px 38px;background:var(--v);color:var(--bk);
  font-family:'Bebas Neue',sans-serif;font-size:18px;
  letter-spacing:0.12em;text-decoration:none;border:none;cursor:pointer;
  opacity:0;transform:translateY(20px);
  animation:fadeUp 0.9s ease forwards 1.7s,btnGlow 3s ease-in-out infinite 2.6s;
  transition:box-shadow 0.4s,transform 0.3s;
}
.hero-cta:hover{
  box-shadow:0 0 50px rgba(212,229,32,0.6);
  transform:translateY(-2px);
  animation:fadeUp 0.9s ease forwards 1.7s;
}

/* CUBE — hero size */
.cube-area{
  display:flex;flex-direction:column;align-items:center;
  gap:24px;flex-shrink:0;position:relative;z-index:3;
  opacity:0;transform:scale(0.8);
  animation:cubeIn 1.2s cubic-bezier(0.2,0.7,0.2,1) forwards 0.3s;
}
@keyframes cubeIn{to{opacity:1;transform:scale(1)}}
.cube-wrap{
  perspective:900px;
  width:calc(var(--cell)*3 + var(--gap)*2);
  height:calc(var(--cell)*3 + var(--gap)*2);
  cursor:grab;-webkit-user-select:none;user-select:none;
}
.cube-wrap:active{cursor:grabbing}
.cube{
  width:100%;height:100%;position:relative;
  transform-style:preserve-3d;
  will-change:transform;
}
.face{
  position:absolute;width:100%;height:100%;
  display:grid;
  grid-template-columns:repeat(3,var(--cell));
  grid-template-rows:repeat(3,var(--cell));
  gap:var(--gap);backface-visibility:visible;
}
.face--front{transform:translateZ(calc((var(--cell)*3 + var(--gap)*2)/2))}
.face--back{transform:rotateY(180deg) translateZ(calc((var(--cell)*3 + var(--gap)*2)/2))}
.face--left{transform:rotateY(-90deg) translateZ(calc((var(--cell)*3 + var(--gap)*2)/2))}
.face--right{transform:rotateY(90deg) translateZ(calc((var(--cell)*3 + var(--gap)*2)/2))}
.face--top{transform:rotateX(90deg) translateZ(calc((var(--cell)*3 + var(--gap)*2)/2))}
.face--bottom{transform:rotateX(-90deg) translateZ(calc((var(--cell)*3 + var(--gap)*2)/2))}
.cell{
  width:var(--cell);height:var(--cell);overflow:hidden;
  background-size:cover;background-position:center;
  transition:opacity 0.4s ease,transform 0.3s ease;
}
.cube-wrap.filtering .cell{opacity:0.12}
.cube-wrap.filtering .cell.active{opacity:1;transform:scale(1.04)}
.cube-wrap.cube-waiting .cell{opacity:0.3;transition:opacity 0.4s ease}
.cube-caption{
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:clamp(13px,1.2vw,16px);color:var(--gr);
  text-align:center;max-width:340px;line-height:1.5;
  margin-top:clamp(32px,4vw,56px);
  position:relative;z-index:4;
  opacity:0;animation:fadeUp 1s ease forwards 1.8s;
}

/* ============================================================
   TERRITORY PAGE
   ============================================================ */
.territory-bg{
  position:absolute;inset:0;z-index:0;
  background:url('agentiveimages-optimized/c2-01-highway-storm-bg.webp') center/cover no-repeat;
}
.territory-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,8,9,0.82) 0%,rgba(8,8,9,0.72) 50%,rgba(8,8,9,0.92) 100%);
}
.territory-content{position:relative;z-index:1;width:100%}
.territory-content .section-inner{text-align:left;max-width:900px}
.territory-content .section-inner h2{margin:0;text-align:left}
.territory-content .section-inner p.body{margin-left:0;text-align:left}

/* Filmstrip */
.filmstrip{
  position:absolute;bottom:0;left:0;right:0;
  height:120px;overflow:hidden;z-index:1;
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.filmstrip-track{
  display:flex;gap:3px;height:100%;
  animation:filmScroll 30s linear infinite;
  width:max-content;
}
.filmstrip-track img{
  height:100%;width:auto;object-fit:cover;
  filter:brightness(0.6);
  transition:filter 0.4s;
}
.filmstrip-track img:hover{filter:brightness(1)}
@keyframes filmScroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

/* ============================================================
   WATERMARK "A" — systems + proof pages
   ============================================================ */
.page-watermark{
  position:absolute;top:50%;left:55%;
  transform:translate(-50%,-50%);
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(500px,68vw,1100px);
  color:var(--v);opacity:0.05;
  line-height:0.78;letter-spacing:-0.04em;
  pointer-events:none;z-index:0;
  user-select:none;white-space:nowrap;
}

/* ============================================================
   FULL-BLEED BG — process + contact pages
   ============================================================ */
.page-bg{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
.page-bg::after{
  content:'';position:absolute;inset:0;
}
.page-bg--process{background-image:url('agentiveimages-optimized/c3-01-machine-shop-bg.webp')}
.page-bg--process::after{background:rgba(8,8,9,0.85)}
.page-bg--contact{background-image:url('agentiveimages-optimized/c2-08-dirtroad-dusk-warm-bg.webp')}
.page-bg--contact::after{background:rgba(8,8,9,0.8)}

/* ============================================================
   SYSTEMS PAGE
   ============================================================ */
.systems-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(24px,3vw,48px);
  max-width:1100px;margin:48px auto 0;text-align:left;
}
.systems-col{
  padding:clamp(28px,3vw,44px);
  border:1px solid rgba(240,237,232,0.08);
  background:rgba(240,237,232,0.015);
  position:relative;overflow:hidden;min-width:0;
  transition:border-color 0.4s,box-shadow 0.4s;
  cursor:default;
}
.systems-col:hover{
  border-color:rgba(212,229,32,0.3);
  box-shadow:0 0 40px rgba(212,229,32,0.08);
}
.systems-col-label{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(20px,2.2vw,30px);
  letter-spacing:0.04em;margin-bottom:16px;
}
.systems-col--leak .systems-col-label{color:var(--gr)}
.systems-col--fix .systems-col-label{color:var(--v)}
.systems-col-items{list-style:none;padding:0}
.systems-col-items li{
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:clamp(13px,1.1vw,16px);color:var(--gr);
  line-height:1.7;padding:8px 0;
  border-bottom:1px solid rgba(240,237,232,0.05);
}
.systems-col-items li:last-child{border-bottom:none}
.systems-col--leak .systems-col-items li::before{content:'✕ ';color:var(--gr);opacity:0.5}
.systems-col--fix .systems-col-items li::before{content:'→ ';color:var(--v)}

/* ============================================================
   PROCESS PAGE
   ============================================================ */
.process-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(20px,2.5vw,40px);
  max-width:1100px;margin:48px auto 0;text-align:left;
}
.step{
  padding:clamp(24px,2.5vw,36px);
  border:1px solid rgba(240,237,232,0.08);
  background:rgba(240,237,232,0.015);
  position:relative;overflow:hidden;min-width:0;
  transition:border-color 0.4s,box-shadow 0.4s;
}
.step:hover{
  border-color:rgba(212,229,32,0.35);
  box-shadow:0 0 40px rgba(212,229,32,0.08);
}
.step-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(38px,4vw,56px);
  color:var(--v);line-height:1;letter-spacing:0.04em;
}
.step-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(20px,2vw,28px);
  color:var(--ch);letter-spacing:0.05em;margin-top:10px;
}
.step-desc{
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:clamp(13px,1.05vw,15px);
  color:var(--gr);line-height:1.6;margin-top:14px;
}

/* Timeline connector (desktop) */
.process-timeline{
  position:relative;max-width:1100px;margin:0 auto;
}
.process-timeline::before{
  content:'';position:absolute;
  top:50px;left:calc(33.33% - 10px);right:calc(33.33% - 10px);
  height:1px;background:rgba(212,229,32,0.2);
  display:none;
}
@media(min-width:961px){
  .process-timeline::before{display:block}
}

/* ============================================================
   PROOF PAGE
   ============================================================ */
.proof-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:clamp(24px,3vw,48px);
  max-width:1100px;margin:48px auto 32px;text-align:left;
}
.proof-card{
  padding:clamp(28px,3vw,44px);
  border:1px solid rgba(240,237,232,0.1);
  background:rgba(240,237,232,0.02);
  position:relative;overflow:hidden;
  transition:border-color 0.4s,box-shadow 0.4s,transform 0.4s;
}
.proof-card:hover{
  border-color:var(--v);
  box-shadow:0 0 50px rgba(212,229,32,0.15);
  transform:translateY(-4px);
}
.proof-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--v);transform:scaleX(0);transform-origin:left;
  transition:transform 0.5s cubic-bezier(0.65,0,0.35,1);
}
.proof-card:hover::before{transform:scaleX(1)}
.proof-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(24px,2.6vw,36px);
  color:var(--ch);letter-spacing:0.04em;line-height:1.05;
}
.proof-url{
  display:inline-block;margin-top:8px;
  font-family:'DM Sans',sans-serif;font-size:12px;
  letter-spacing:0.16em;text-transform:uppercase;
  color:var(--v);text-decoration:none;transition:opacity 0.3s;
}
.proof-url:hover{opacity:0.75}
.proof-desc{
  font-family:'DM Serif Display',serif;font-style:italic;
  font-size:clamp(13px,1.1vw,16px);
  color:var(--gr);line-height:1.65;margin-top:18px;
}
.proof-tag{
  font-family:'DM Sans',sans-serif;font-size:12px;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--gr);text-align:center;margin-top:8px;
}

/* ============================================================
   CONTACT PAGE
   ============================================================ */
.contact-section{text-align:center}
.contact-section h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(48px,7vw,110px);
  color:var(--ch);line-height:0.95;
}
.contact-section h2 span{color:var(--v)}
.money{
  font-family:'DM Sans',sans-serif;font-size:13px;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--v);margin-top:32px;
  animation:voltPulse 3s ease-in-out infinite;
}
.place{
  font-family:'DM Sans',sans-serif;font-size:12px;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--gr);margin-top:14px;
}
.contact-cta{
  display:inline-block;margin-top:40px;
  padding:18px 44px;background:var(--v);color:var(--bk);
  font-family:'Bebas Neue',sans-serif;font-size:20px;
  letter-spacing:0.12em;text-decoration:none;border:none;cursor:pointer;
  transition:box-shadow 0.4s,transform 0.3s;
  animation:btnGlow 3s ease-in-out infinite;
}
.contact-cta:hover{
  box-shadow:0 0 50px rgba(212,229,32,0.6);
  transform:translateY(-2px);
  animation:none;
}
/* FOOTER */
.footer-mini{
  position:absolute;bottom:24px;left:0;right:0;z-index:1;
  display:flex;justify-content:space-between;
  padding:0 clamp(20px,5vw,80px);
  font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--gr);opacity:0.6;
}

/* ============================================================
   CELL CLICK ANIMATION
   ============================================================ */
.cell.cell-clicked,.mini-cell.cell-clicked{
  animation:cellPop 0.4s cubic-bezier(0.2,0.7,0.2,1) forwards;
}
@keyframes cellPop{
  0%{transform:scale(1);box-shadow:none;filter:brightness(1)}
  30%{transform:scale(1.15);box-shadow:0 0 20px rgba(212,229,32,0.6);filter:brightness(1.3)}
  100%{transform:scale(1);box-shadow:none;filter:brightness(1)}
}

/* ============================================================
   CONTACT CUBE — breathing pulse
   ============================================================ */
@keyframes cubeBreathe{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}

/* ============================================================
   HAMBURGER MENU
   ============================================================ */
.nav-hamburger{
  display:none;
  flex-direction:column;justify-content:center;align-items:center;
  gap:5px;width:36px;height:36px;
  background:none;border:none;cursor:pointer;
  padding:4px;z-index:101;
}
.nav-hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--ch);
  transition:transform 0.3s,opacity 0.3s;
}
.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:960px){
  .hero-inner{flex-direction:column;text-align:center;padding-top:100px;gap:40px}
  .hero-text .sub{margin-left:auto;margin-right:auto}
  .cube-area{order:-1}
  .cube-wrap{--cell:clamp(48px,14vw,72px)}
  .ag-bg{font-size:clamp(320px,80vw,560px);left:50%;opacity:0.04}

  /* Hide sub-page cube on mobile */
  .sub-cube-area{display:none!important}

  /* Hamburger visible */
  .nav-hamburger{display:flex}

  /* Mobile nav drawer */
  .nav-links{
    position:fixed;top:0;right:0;
    width:min(280px,80vw);height:100vh;
    flex-direction:column;align-items:flex-start;
    gap:0;padding:80px 32px 32px;
    background:rgba(8,8,9,0.97);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    transform:translateX(100%);
    transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);
    z-index:99;
  }
  .nav-links.open{transform:translateX(0)}
  .nav-links a{
    display:block!important;
    padding:14px 0;font-size:14px;
    opacity:0.7;width:100%;
    border-bottom:1px solid rgba(240,237,232,0.06);
  }
  .nav-links a.active{opacity:1}
  .nav-links .nav-cta{
    margin-top:16px;text-align:center;
    border-bottom:none;padding:14px 22px;
  }

  .page-section{min-height:100vh;padding:80px 24px}
  .process-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}
  .proof-grid{grid-template-columns:1fr;gap:20px;margin-top:32px}
  .systems-grid{grid-template-columns:1fr;gap:20px;margin-top:32px}
  .territory-content .section-inner{text-align:center}
  .territory-content .section-inner h2{text-align:center}
  .territory-content .section-inner p.body{text-align:center;margin-left:auto}
  .filmstrip{height:80px}
}
@media(max-width:600px){
  nav{padding:14px 18px}
  .nav-cta{padding:9px 16px;font-size:11px}
  .section-inner h2{font-size:clamp(30px,8vw,52px)}
  .footer-mini{flex-direction:column;gap:6px;text-align:center;justify-content:center}
}