/* Use Cases index page — self-contained (its shared-class values differ slightly from base.css). */

:root{
  --background:oklch(1 0 0);--foreground:oklch(0.141 0.005 285.823);
  --card:oklch(1 0 0);--card-foreground:oklch(0.141 0.005 285.823);
  --primary:oklch(0.141 0.005 285.823);--primary-foreground:oklch(0.985 0 0);
  --secondary:oklch(0.967 0.001 286.375);--secondary-foreground:oklch(0.21 0.006 285.885);
  --muted:oklch(0.967 0.001 286.375);--muted-foreground:oklch(0.552 0.016 285.938);
  --border:oklch(0.92 0.004 286.32);--input:oklch(0.92 0.004 286.32);
  --ring:oklch(0.705 0.015 286.067);
  --radius:0.625rem;
  --r-2xl:calc(var(--radius)*1.8);
  --r-3xl:calc(var(--radius)*2.2);
  --r-4xl:calc(var(--radius)*2.6);
  --hair:oklch(1 0 0 / .22);
  --side:clamp(1.25rem,4vw,3.5rem);
}
*{box-sizing:border-box;border-color:var(--border);}
html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h,5.5rem);}
body{
  margin:0;background:var(--background);color:var(--foreground);
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:14px;-webkit-font-smoothing:antialiased;
}

/* ---------- shared ---------- */
.kicker{
  display:block;margin-bottom:1.25rem;
  color:var(--muted-foreground);
  font-size:.6875rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.14em;
}
.luma-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  height:2.5rem;padding:0 1.25rem;border-radius:var(--r-4xl);
  border:1px solid transparent;font-family:inherit;
  font-size:.8125rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.07em;
  cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap;
  background:oklch(1 0 0);color:oklch(0.141 0.005 285.823);
}
.luma-btn:hover{background:oklch(0.9 0 0);}
.luma-btn:not(.ghostlight):not(.ink):hover{background:#FF6001;color:#fff;}
.luma-btn:active{transform:translateY(1px);}
.luma-btn.lg{height:3.25rem;padding:0 2rem;font-size:.875rem;}
.luma-btn.ghostlight{
  background:transparent;color:oklch(1 0 0 / .88);
  border-color:oklch(1 0 0 / .28);
}
.luma-btn.ghostlight:hover{background:oklch(1 0 0 / .14);color:#fff;}
.luma-btn.ink{background:var(--foreground);color:var(--background);}
.luma-btn.ink:hover{opacity:.85;background:var(--foreground);}
.textlink{
  display:inline-flex;align-items:center;gap:.4375rem;
  color:var(--foreground);text-decoration:none;
  font-size:.75rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.09em;
  padding-bottom:.125rem;border-bottom:1px solid var(--foreground);
  transition:opacity .15s;
}
.textlink:hover{opacity:.6;}
.textlink svg{width:.8125rem;height:.8125rem;transition:transform .18s;}
.textlink:hover svg{transform:translateX(2px);}
.reveal{
  opacity:0;transform:translateY(18px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--d,0s);
}
.reveal.in{opacity:1;transform:none;}
@keyframes blip{0%,100%{opacity:1}50%{opacity:.25}}

/* ---------- nav ---------- */
.top{
  position:relative;
  background:var(--foreground);color:oklch(0.985 0 0);
  padding:var(--nav-h,5.5rem) var(--side) 0;
}
.nav{
  position:fixed;top:0;left:0;right:0;z-index:90;
  display:flex;align-items:center;justify-content:space-between;
  gap:2rem;padding:1.5rem var(--side);
  border-bottom:1px solid var(--hair);
  transition:background-color .3s cubic-bezier(.16,1,.3,1),border-color .3s;
}
/* On scroll the bar goes solid black (its white logo/links/buttons stay as-is) and keeps that black
   for every section — no colour flipping. At the very top it stays transparent (its default look). */
.nav.scrolled{background:oklch(0.15 0 0);border-bottom-color:oklch(1 0 0 / .08);}
.brand{display:inline-flex;align-items:center;}
.brand img{display:block;height:2rem;width:auto;}
.nav-links{display:flex;align-items:center;gap:clamp(1.125rem,2.4vw,2.25rem);}
.nav-link{
  color:oklch(1 0 0 / .88);text-decoration:none;
  font-size:.8125rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.09em;
  white-space:nowrap;transition:color .15s;
}
.nav-link:hover,.nav-link[aria-current="page"]{color:#fff;}
.nav-actions{display:flex;align-items:center;gap:.5rem;}

.nav-drop{position:relative;}
.nav-trigger{
  display:inline-flex;align-items:center;gap:.375rem;
  background:none;border:0;padding:0;cursor:pointer;font-family:inherit;
}
.nav-trigger svg{width:.8125rem;height:.8125rem;transition:transform .25s cubic-bezier(.16,1,.3,1);}
.nav-drop.open .nav-trigger{color:#fff;}
.nav-drop.open .nav-trigger svg{transform:rotate(180deg);}
.nav-menu{
  position:absolute;top:calc(100% + 1.25rem);left:-1rem;
  z-index:40;min-width:17rem;
  display:flex;flex-direction:column;gap:.125rem;
  padding:.5rem;border-radius:var(--r-3xl);
  background:var(--card);
  border:1px solid color-mix(in oklch,var(--foreground) 8%,transparent);
  box-shadow:0 20px 40px -14px oklch(0 0 0 / .35);
  opacity:0;transform:translateY(-6px);pointer-events:none;
  transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1);
}
.nav-menu::before{content:"";position:absolute;left:0;right:0;top:-1.25rem;height:1.25rem;}
.nav-drop.open .nav-menu{opacity:1;transform:none;pointer-events:auto;}
.nav-item{display:block;padding:.6875rem .875rem;border-radius:var(--r-2xl);text-decoration:none;transition:background .2s;}
.nav-item:hover,.nav-item:focus-visible{background:var(--secondary);outline:none;}
.nav-item-t{display:block;color:var(--foreground);font-size:.875rem;font-weight:600;letter-spacing:-.01em;}
.nav-item-s{display:block;margin-top:.1875rem;color:var(--muted-foreground);font-size:.75rem;line-height:1.4;}

/* ---------- page hero ---------- */
.phero{
  position:relative;
  padding:clamp(3.5rem,9vh,6.5rem) 0 clamp(3rem,7vh,5rem);
}
.phero .kicker{color:oklch(1 0 0 / .5);}
.phero h1{
  margin:0;color:#fff;max-width:22ch;
  font-size:clamp(2rem,5.6vw,4.25rem);
  font-weight:600;line-height:1.02;letter-spacing:-.035em;
}
.phero h1 .dim{color:oklch(1 0 0 / .45);}
.phero-sub{
  margin:clamp(1.125rem,2.5vh,1.75rem) 0 0;max-width:46ch;
  color:oklch(1 0 0 / .68);
  font-size:clamp(.9375rem,1.4vw,1.125rem);line-height:1.6;
}
.phero-acts{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.5rem,3vh,2.25rem);}

/* jump index */
.jump{
  display:grid;grid-template-columns:repeat(4,1fr);
  --jump-pad:clamp(.75rem,1.6vw,1.5rem);
  margin-top:clamp(2.5rem,5vh,3.5rem);
  border-top:1px solid var(--hair);
}
.jump a{
  position:relative;display:block;
  padding:1.25rem var(--jump-pad) 1.375rem var(--jump-pad);
  border-right:1px solid var(--hair);
  text-decoration:none;
}
.jump a:first-child{padding-left:0;}
.jump a:last-child{border-right:0;}
.jump a::before{
  content:"";position:absolute;left:var(--jump-pad);top:-1px;width:2.25rem;height:1px;
  background:#fff;transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.jump a:first-child::before{left:0;}
.jump a:hover::before{transform:scaleX(1);}
.jump-n{
  display:block;margin-bottom:.75rem;
  color:oklch(1 0 0 / .42);
  font-size:.625rem;font-weight:600;
  font-variant-numeric:tabular-nums;letter-spacing:.14em;
}
.jump-t{
  display:block;color:oklch(1 0 0 / .72);
  font-size:clamp(.9375rem,1.3vw,1.0625rem);
  font-weight:600;line-height:1.2;letter-spacing:-.018em;
  transition:color .25s;
}
.jump a:hover .jump-t{color:#fff;}

/* ---------- use case block ---------- */
.uc{padding:clamp(4rem,9vh,7rem) var(--side);}
.uc.light{background:var(--background);color:var(--foreground);}
.uc.grey{background:var(--secondary);color:var(--foreground);}
.uc.ink{background:var(--foreground);color:oklch(0.985 0 0);}
.uc.ink .kicker{color:oklch(1 0 0 / .5);}

.uc-top{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  align-items:end;gap:clamp(2rem,5vw,4.5rem);
  padding-bottom:clamp(2.5rem,5vh,3.5rem);
}
.uc h2{
  margin:0;
  font-size:clamp(1.75rem,4.2vw,3.25rem);
  font-weight:600;line-height:1.02;
  letter-spacing:-.032em;text-transform:uppercase;
}
.uc h2 .dim{color:var(--muted-foreground);}
.uc.ink h2{color:#fff;}
.uc.ink h2 .dim{color:oklch(1 0 0 / .45);}
.uc-note{
  margin:0;max-width:44ch;color:var(--muted-foreground);
  font-size:clamp(.9375rem,1.3vw,1.0625rem);line-height:1.6;
}
.uc.ink .uc-note{color:oklch(1 0 0 / .6);}

/* gap and shift, beside a visual */
.uc-body{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:clamp(1.75rem,4vw,3.5rem);align-items:start;
}
.beat{padding-bottom:clamp(1.5rem,3vh,2rem);}
.beat + .beat{
  padding-top:clamp(1.5rem,3vh,2rem);
  border-top:1px solid var(--border);
}
.uc.ink .beat + .beat{border-top-color:oklch(1 0 0 / .16);}
.beat-l{
  display:block;margin-bottom:.875rem;
  font-size:.625rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.14em;
  color:var(--muted-foreground);
}
.uc.ink .beat-l{color:oklch(1 0 0 / .45);}
.beat p{
  margin:0 0 .75rem;font-size:.9375rem;line-height:1.65;
  color:color-mix(in oklch,var(--foreground) 78%,transparent);
}
.uc.ink .beat p{color:oklch(1 0 0 / .74);}
.beat p:last-child{margin-bottom:0;}
.beat strong{font-weight:600;color:var(--foreground);}
.uc.ink .beat strong{color:#fff;}

/* visual frame */
.shot{
  border-radius:var(--r-4xl);overflow:hidden;
  background:var(--secondary);
  outline:1px solid color-mix(in oklch,var(--foreground) 7%,transparent);
  outline-offset:-1px;
  box-shadow:0 18px 34px -18px color-mix(in oklch,var(--foreground) 22%,transparent);
}
.uc.grey .shot{background:var(--card);}
.uc.ink .shot{
  background:oklch(1 0 0 / .05);
  outline-color:oklch(1 0 0 / .12);
  box-shadow:0 22px 40px -16px oklch(0 0 0 / .6);
}
/* black card for dark-on-light visuals (e.g. the call snippet on a light section) */
.shot.ink{
  background:var(--foreground);
  outline-color:oklch(1 0 0 / .12);
  box-shadow:0 22px 40px -16px oklch(0 0 0 / .6);
}
.shot img{display:block;width:100%;height:auto;}
.shot-pad{padding:clamp(1.25rem,2.4vw,1.875rem);}

/* capability strip */
.caps{
  display:grid;grid-template-columns:repeat(4,1fr);
  --cap-pad:clamp(1rem,2vw,1.75rem);
  margin-top:clamp(2.5rem,5vh,3.5rem);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.uc.ink .caps{border-color:oklch(1 0 0 / .16);}
.cap{
  position:relative;
  padding:clamp(1.5rem,3vh,2rem) var(--cap-pad);
  border-right:1px solid var(--border);
}
.uc.ink .cap{border-right-color:oklch(1 0 0 / .16);}
.cap:first-child{padding-left:0;}
.cap:last-child{border-right:0;padding-right:0;}
.cap::before{
  content:"";position:absolute;left:var(--cap-pad);top:-1px;width:2.25rem;height:1px;
  background:var(--foreground);
}
.cap:first-child::before{left:0;}
.uc.ink .cap::before{background:#fff;}
.cap-t{
  display:block;margin-bottom:.5rem;
  font-size:clamp(.9375rem,1.3vw,1.0625rem);
  font-weight:600;line-height:1.2;letter-spacing:-.018em;
}
.uc.ink .cap-t{color:#fff;}
.cap-s{
  display:block;color:var(--muted-foreground);
  font-size:.8125rem;line-height:1.55;
}
.uc.ink .cap-s{color:oklch(1 0 0 / .55);}

/* who it's for */
.uc-foot{
  display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;
  padding-top:clamp(2rem,4vh,2.75rem);
}
.forwho{
  margin:0;font-size:clamp(1rem,1.5vw,1.1875rem);
  font-weight:500;letter-spacing:-.015em;
}
.forwho .dim{color:var(--muted-foreground);font-weight:400;}
.uc.ink .forwho{color:#fff;}
.uc.ink .forwho .dim{color:oklch(1 0 0 / .55);}
.uc-foot .textlink{margin-left:auto;}
.uc.ink .textlink{color:#fff;border-bottom-color:oklch(1 0 0 / .6);}

/* ---------- built visuals ---------- */
/* market compliance list */
.mkt{display:flex;flex-direction:column;gap:.5rem;}
.mkt-row{
  display:flex;align-items:center;gap:.875rem;
  padding:.8125rem 1rem;border-radius:var(--r-2xl);
  background:var(--secondary);
  font-size:.875rem;
}
.uc.grey .mkt-row{background:var(--muted);}
.mkt-flag{
  flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:9999px;
  display:flex;align-items:center;justify-content:center;
  background:color-mix(in oklch,var(--foreground) 10%,transparent);
  font-size:.5625rem;font-weight:600;letter-spacing:.04em;
}
.mkt-n{flex:1;font-weight:500;}
.mkt-s{
  flex-shrink:0;display:inline-flex;align-items:center;gap:.4375rem;
  font-size:.625rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted-foreground);
}
.mkt-s i{
  width:1.125rem;height:1.125rem;border-radius:9999px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--foreground);color:var(--background);
}
.mkt-s i svg{width:.625rem;height:.625rem;}
.mkt-cap{
  margin:1.125rem 0 0;
  font-size:.6875rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.1em;
  color:var(--muted-foreground);
}

/* call snippet */
.snip{display:flex;flex-direction:column;gap:1.25rem;}
.snip-bar{display:flex;align-items:center;gap:1rem;}
.snip-play{
  flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:9999px;
  display:flex;align-items:center;justify-content:center;
  background:#fff;color:var(--foreground);
}
.snip-play svg{width:.9375rem;height:.9375rem;margin-left:2px;}
.snip-wave{display:flex;align-items:center;gap:2px;flex:1;height:2.75rem;}
.snip-wave i{
  flex:1;min-width:1px;border-radius:9999px;
  background:oklch(1 0 0 / .24);
}
.snip-wave i.on{background:oklch(1 0 0 / .82);}
.snip-meta{
  display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;
  padding-top:1.125rem;border-top:1px solid oklch(1 0 0 / .16);
}
.snip-meta span{
  font-size:.625rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.09em;
  color:oklch(1 0 0 / .55);
}
.snip-meta b{display:block;font-size:1.125rem;font-weight:600;color:#fff;letter-spacing:-.02em;margin-bottom:.1875rem;}
.snip-line{
  font-size:.875rem;line-height:1.6;color:oklch(1 0 0 / .8);
  padding-left:.875rem;border-left:2px solid oklch(1 0 0 / .3);
}

/* call transcript (detail page) */
.snip-script{display:flex;flex-direction:column;gap:.75rem;max-height:19rem;overflow:auto;}
.snip-turn{display:flex;flex-direction:column;gap:.25rem;}
.snip-who{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:oklch(1 0 0 / .4);}
.snip-turn.ai .snip-who{color:oklch(1 0 0 / .75);}
.snip-turn p{margin:0;font-size:.8125rem;line-height:1.5;color:oklch(1 0 0 / .8);padding-left:.875rem;border-left:2px solid oklch(1 0 0 / .18);}
.snip-turn.ai p{border-left-color:oklch(1 0 0 / .55);}

/* ---------- closing CTA + footer ---------- */
.close{
  position:relative;background:var(--foreground);color:oklch(0.985 0 0);
  padding:0 var(--side);overflow:hidden;isolation:isolate;
}
.close-grid{
  position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:
    linear-gradient(oklch(1 0 0 / .05) 1px, transparent 1px),
    linear-gradient(90deg, oklch(1 0 0 / .05) 1px, transparent 1px);
  background-size:clamp(3rem,6vw,5rem) clamp(3rem,6vw,5rem);
  -webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,transparent);
  mask-image:radial-gradient(80% 70% at 50% 40%,#000,transparent);
}
.close-stage{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(4rem,10vh,7rem) 0 clamp(3.5rem,8vh,5.5rem);
}
.close h2{
  margin:0;color:#fff;max-width:20ch;
  font-size:clamp(1.875rem,5vw,4rem);
  font-weight:600;line-height:1.02;letter-spacing:-.035em;
}
.close h2 .dim{color:oklch(1 0 0 / .42);}
.close-sub{
  margin:clamp(1rem,2.5vh,1.625rem) 0 0;max-width:42ch;
  color:oklch(1 0 0 / .68);
  font-size:clamp(.9375rem,1.4vw,1.0625rem);line-height:1.55;
}
.close-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:clamp(1.75rem,4vh,2.5rem);}
.close-fine{margin:clamp(1rem,2.5vh,1.5rem) 0 0;color:oklch(1 0 0 / .45);font-size:.75rem;}

.foot{padding:clamp(3rem,6vh,4.5rem) 0 clamp(1.5rem,3.5vh,2.25rem);}
.foot-cols{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid oklch(1 0 0 / .16);
}
.fcol{
  padding:clamp(1.5rem,3vh,2rem) clamp(1rem,2vw,1.75rem);
  border-right:1px solid oklch(1 0 0 / .14);
  border-bottom:1px solid oklch(1 0 0 / .14);
}
.fcol:first-child{padding-left:0;}
.fcol:last-child{border-right:0;padding-right:0;}
.foot-h{
  display:block;margin-bottom:1.125rem;
  font-size:.625rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.12em;
  color:oklch(1 0 0 / .4);
}
.foot-list{display:flex;flex-direction:column;gap:.0625rem;}
.foot-list a{
  display:flex;align-items:center;padding:.375rem 0;
  color:oklch(1 0 0 / .7);text-decoration:none;font-size:.875rem;
  transition:color .2s;
}
.foot-list a span{position:relative;transition:transform .32s cubic-bezier(.16,1,.3,1);}
.foot-list a span::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:right;
  transition:transform .32s cubic-bezier(.16,1,.3,1);
}
.foot-list a:hover{color:#fff;}
.foot-list a:hover span{transform:translateX(4px);}
.foot-list a:hover span::after{transform:scaleX(1);transform-origin:left;}
.foot-addr{margin:0;color:oklch(1 0 0 / .5);font-size:.8125rem;line-height:1.75;font-style:normal;}
.foot-addr b{display:block;color:oklch(1 0 0 / .82);font-weight:600;margin-bottom:.25rem;}
.foot-social{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;}
.soc{
  display:inline-flex;align-items:center;justify-content:center;
  width:2.25rem;height:2.25rem;border-radius:9999px;
  border:1px solid oklch(1 0 0 / .2);color:oklch(1 0 0 / .7);
  transition:all .25s cubic-bezier(.16,1,.3,1);
}
.soc svg{width:.9375rem;height:.9375rem;}
.soc:hover{background:#fff;color:var(--foreground);border-color:transparent;transform:translateY(-2px);}
.foot-status{display:flex;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.75rem;color:oklch(1 0 0 / .55);}
.foot-status i{width:.4375rem;height:.4375rem;border-radius:9999px;background:oklch(.78 0 0);box-shadow:0 0 0 3px oklch(1 0 0 / .08);}
.foot-base{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding-top:clamp(1.25rem,3vh,1.75rem);}
.foot-copy{margin:0;color:oklch(1 0 0 / .42);font-size:.75rem;}
.foot-legal{display:flex;flex-wrap:wrap;gap:1.25rem;margin-left:auto;}
.foot-legal a{color:oklch(1 0 0 / .42);text-decoration:none;font-size:.75rem;transition:color .15s;}
.foot-legal a:hover{color:#fff;}
.to-top{
  display:inline-flex;align-items:center;justify-content:center;
  width:2rem;height:2rem;border-radius:9999px;
  border:1px solid oklch(1 0 0 / .2);background:none;cursor:pointer;
  color:oklch(1 0 0 / .7);transition:all .25s cubic-bezier(.16,1,.3,1);
}
.to-top svg{width:.8125rem;height:.8125rem;}
.to-top:hover{background:#fff;color:var(--foreground);border-color:transparent;transform:translateY(-2px);}

/* ---------- responsive ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;transition:none;}
  .nav-menu{transition:none;}
}
@media (max-width:940px){
  .uc-top{grid-template-columns:1fr;align-items:start;gap:1.5rem;}
  .uc-body{grid-template-columns:1fr;}
  .jump{grid-template-columns:repeat(2,1fr);}
  .jump a:nth-child(2n){border-right:0;padding-right:0;}
  .jump a:nth-child(2n+1){padding-left:0;}
  .jump a:nth-child(2n+1)::before{left:0;}
  .jump a:nth-child(n+3){border-top:1px solid var(--hair);}
  .caps{grid-template-columns:repeat(2,1fr);}
  .cap:nth-child(2n){border-right:0;padding-right:0;}
  .cap:nth-child(2n+1){padding-left:0;}
  .cap:nth-child(2n+1)::before{left:0;}
  .cap:nth-child(n+3){border-top:1px solid var(--border);}
  .uc.ink .cap:nth-child(n+3){border-top-color:oklch(1 0 0 / .16);}
  .foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fcol:nth-child(2n){border-right:0;padding-right:0;}
  .fcol:nth-child(2n+1){padding-left:0;}
}
@media (max-width:620px){
  .brand img{height:1.75rem;}
  .jump{grid-template-columns:1fr;}
  .jump a{border-right:0;padding-left:0;padding-right:0;}
  .jump a::before{left:0;}
  .jump a:not(:first-child){border-top:1px solid var(--hair);}
  .caps{grid-template-columns:1fr;}
  .cap{border-right:0;padding-left:0;padding-right:0;}
  .cap::before{left:0;}
  .cap:not(:first-child){border-top:1px solid var(--border);}
  .uc-foot .textlink{margin-left:0;}
  .close-acts .luma-btn{width:100%;}
  .phero-acts{flex-direction:column;align-items:stretch;}
  .phero-acts .luma-btn{width:100%;}
  .close-grid{display:none;}
  .foot-cols{grid-template-columns:1fr;}
  .fcol{border-right:0;padding-left:0;padding-right:0;}
  .foot-legal{margin-left:0;}
}

/* ---------- mobile nav (hamburger, <=1040px) ---------- */
.nav-burger{display:none;}
@media (max-width:1040px){
  .nav{flex-wrap:wrap;gap:0 1rem;}
  /* the open burger menu is a solid dark panel */
  .nav.open{background:oklch(0.15 0 0);max-height:100svh;overflow-y:auto;}
  .brand{order:1;}
  .nav-burger{
    display:flex;order:2;margin-left:auto;
    flex-direction:column;justify-content:center;align-items:center;gap:5px;
    width:2.75rem;height:2.75rem;padding:0;background:none;border:0;cursor:pointer;
  }
  .nav-burger span{
    display:block;height:2px;width:1.375rem;border-radius:2px;background:oklch(1 0 0 / .9);
    transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s;
  }
  .nav.open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav.open .nav-burger span:nth-child(2){opacity:0;}
  .nav.open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  .nav-links,.nav-actions{flex-basis:100%;display:none;}
  .nav-links{order:3;}
  .nav-actions{order:4;}
  .nav.open .nav-links{
    display:flex;flex-direction:column;align-items:stretch;gap:.125rem;
    margin-top:1rem;padding:.75rem;
    background:oklch(0.17 0 0);border-radius:var(--r-3xl) var(--r-3xl) 0 0;
  }
  .nav.open .nav-actions{
    display:flex;flex-direction:column;align-items:stretch;gap:.625rem;
    padding:.75rem;margin-bottom:.75rem;
    background:oklch(0.17 0 0);border-radius:0 0 var(--r-3xl) var(--r-3xl);
  }
  .nav.open .nav-actions .luma-btn{width:100%;height:2.875rem;}

  .nav.open .nav-link,.nav.open .nav-item{padding:.8125rem .875rem;border-radius:var(--r-2xl);}
  .nav.open .nav-link:hover,.nav.open .nav-link[aria-current="page"],.nav.open .nav-item:hover{background:oklch(1 0 0 / .06);color:#fff;}

  /* Platform dropdown flattened: hide the trigger, show Features + Use Cases inline */
  .nav.open .nav-drop{display:flex;flex-direction:column;}
  .nav.open .nav-trigger{display:none;}
  .nav.open .nav-menu{
    position:static;min-width:0;display:flex;
    opacity:1;transform:none;pointer-events:auto;
    background:transparent;border:0;box-shadow:none;padding:0;margin:0;gap:.125rem;
  }
  .nav.open .nav-item-t{color:oklch(1 0 0 / .88);font-weight:500;text-transform:uppercase;letter-spacing:.09em;font-size:.8125rem;}
  .nav.open .nav-item-s{display:none;}
}