/* =========================================================================
   VENDERA — STYLES  (you normally won't need to edit this file)
   Palette + type live in :root below if you ever want to tweak globally.
   ========================================================================= */
:root{
  /* Orange — exact, darken-on-hover */
  --orange:#ea5b1b;
  --orange-hi:#d44e15;        /* hover DARKENS */
  --orange-soft:rgba(234,91,27,.14);
  --orange-line:rgba(234,91,27,.40);
  /* Neutral dark ramp — all R=G=B, NO blue tint, true-black base */
  --black:#000000;
  --bg:#000000;              /* page background */
  --bg-2:#0a0a0a;            /* alternating sections */
  --card:#161616;            /* base card/panel */
  --card-2:#1e1e1e;          /* raised card */
  --elev:#242424;            /* top tier / hover raised */
  /* Borders + text — neutral white veils */
  --border:rgba(255,255,255,.08);
  --border-hi:rgba(255,255,255,.14);
  --white:#eeeeee;
  --muted:#9a9a9a;
  --muted-2:#6e6e6e;
  --maxw:1200px;
  --radius:16px;
  --font-display:'Sora',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{
  background:var(--bg);color:var(--white);
  font-family:var(--font-body);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}

h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-0.01em}

/* --- reusable ------------------------------------------------------------ */
.section{padding:88px 0}
.section + .section{border-top:1px solid rgba(255,255,255,.06)}
.section-head{text-align:center;max-width:720px;margin:0 auto 56px}
.section-head h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}
.section-head p{color:var(--muted);margin-top:14px;font-size:1.05rem}
.eyebrow{display:inline-block;font-family:var(--font-display);font-size:.72rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:16px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-display);font-weight:600;font-size:.95rem;
  padding:14px 26px;border-radius:10px;border:1px solid transparent;cursor:pointer;
  transition:transform .15s ease,background .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--orange);color:#fff}
.btn-primary:hover{background:var(--orange-hi)}
.btn-ghost{background:transparent;color:var(--white);border-color:var(--border-hi)}
.btn-ghost:hover{border-color:var(--orange)}
.btn-sm{padding:10px 18px;font-size:.85rem}

.badge{font-family:var(--font-display);font-size:.66rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;padding:5px 10px;border-radius:99px}
.badge-live{background:rgba(234,91,27,.14);color:var(--orange);border:1px solid rgba(234,91,27,.4)}
.badge-soon{background:var(--card-2);color:var(--muted);border:1px solid var(--border)}

/* --- HEADER -------------------------------------------------------------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.82);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;gap:24px;height:72px}
.brand-logo{height:26px;width:auto}
.nav-desktop{display:flex;gap:30px;margin-left:8px}
.nav-desktop a{font-size:.92rem;color:var(--muted);transition:color .2s}
.nav-desktop a:hover{color:var(--white)}
.nav-cta{margin-left:auto}
.nav-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:0;cursor:pointer;width:44px;height:44px;margin-left:auto}
.nav-toggle span{width:24px;height:2px;background:var(--white);transition:.25s}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;flex-direction:column;background:var(--bg-2);border-bottom:1px solid var(--border)}
.nav-mobile a{padding:15px 24px;border-top:1px solid var(--border);color:var(--muted)}
.nav-mobile.open{display:flex}

/* --- HERO ---------------------------------------------------------------- */
.hero{padding:70px 0 60px;position:relative;
  background:radial-gradient(1000px 500px at 78% 10%,rgba(234,91,27,.10),transparent 60%)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;
  max-width:var(--maxw);margin:0 auto;padding:0 24px}
.hero h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:800}
.hero-sub{color:var(--muted);font-size:1.12rem;margin:22px 0 30px;max-width:520px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-stats{display:flex;gap:34px;margin-top:44px;flex-wrap:wrap}
.hero-stats .val{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:#fff}
.hero-stats .lbl{color:var(--muted);font-size:.82rem;max-width:130px;margin-top:2px}
.hero-media img{width:100%;border-radius:var(--radius);border:1px solid var(--border)}

/* --- FRICTIONLESS -------------------------------------------------------- */
.frictionless{background:var(--bg-2)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:34px 28px;text-align:center}
.step .n{width:44px;height:44px;margin:0 auto 18px;border-radius:12px;background:rgba(234,91,27,.12);
  color:var(--orange);font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center}
.step h3{font-size:1.15rem;margin-bottom:6px}
.step p{color:var(--muted);font-size:.95rem}

/* --- BOTTLENECKS --------------------------------------------------------- */
.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.layer{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px}
.layer h3{font-size:1.25rem}
.layer .tag{color:var(--muted-2);font-size:.85rem;margin:2px 0 14px}
.layer .solves{display:inline-block;font-size:.78rem;color:var(--orange);
  background:rgba(234,91,27,.1);border:1px solid rgba(234,91,27,.3);border-radius:99px;padding:4px 12px;margin-bottom:16px}
.layer p{color:var(--muted);font-size:.95rem}

/* --- HARDWARE ------------------------------------------------------------ */
.machines{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.machine{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column}
.machine-img{padding:20px;height:230px;display:flex;align-items:center;justify-content:center}
.machine-img img{max-height:100%;width:auto;object-fit:contain}
.machine-body{padding:22px;display:flex;flex-direction:column;flex:1}
.machine-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.machine-top h3{font-size:1.15rem}
.machine .model{color:var(--muted-2);font-size:.82rem;margin-bottom:12px}
.machine .blurb{color:var(--muted);font-size:.9rem;line-height:1.55;margin-bottom:18px;min-height:92px}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;margin-bottom:20px}
.spec .row{display:flex;flex-direction:column;padding:7px 0;border-bottom:1px solid var(--border)}
.spec .k{color:var(--muted-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}
.spec .v{font-size:.9rem;font-weight:600}
.machine .btn{margin-top:auto;width:100%}
.center-cta{text-align:center;margin-top:44px}

/* --- VMS ----------------------------------------------------------------- */
.vms{background:var(--bg-2)}
.vms-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:52px}
.vms-feature{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px}
.vms-feature h3{font-size:1.05rem;margin-bottom:8px}
.vms-feature p{color:var(--muted);font-size:.9rem}
.phones{display:flex;justify-content:center;align-items:flex-end;gap:24px;flex-wrap:wrap}
.phones img{height:440px;width:auto;filter:drop-shadow(0 24px 50px rgba(0,0,0,.6))}
.phones img:nth-child(2){height:480px}

/* --- VIDEO --------------------------------------------------------------- */
.video{background:var(--bg)}
.video-wrap{max-width:960px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--radius);
  overflow:hidden;border:1px solid var(--border);background:#000}
.video-wrap iframe{width:100%;height:100%;border:0;display:block}

/* --- USE CASES ----------------------------------------------------------- */
.usecases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.usecase{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.usecase-img{height:230px;overflow:hidden}
.usecase-img img{width:100%;height:100%;object-fit:cover}
.usecase-body{padding:22px 22px 26px}
.usecase-body h3{font-size:1.15rem;margin-bottom:10px}
.usecase-body p{color:var(--muted);font-size:.92rem;line-height:1.6;min-height:96px}

/* --- INSTITUTIONAL ------------------------------------------------------- */
.institutional{background:var(--bg-2);text-align:center}
.inst-text{color:var(--muted);max-width:640px;margin:0 auto 40px}
.inst-logos{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap}
.inst-logos img{height:64px;width:auto;opacity:.92}

/* --- MANUFACTURING ------------------------------------------------------- */
.mfg-top{text-align:center;max-width:720px;margin:0 auto 48px}
.mfg-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;margin-bottom:52px}
.mfg-grid img{width:100%;border-radius:var(--radius);border:1px solid var(--border)}
.mfg-copy h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:16px}
.mfg-copy p{color:var(--muted)}
.mfg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mfg-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px}
.mfg-stat .v{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--orange)}
.mfg-stat .l{font-weight:600;margin:6px 0 8px}
.mfg-stat .t{color:var(--muted);font-size:.85rem}

/* --- TEAM ---------------------------------------------------------------- */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:900px;margin:0 auto}
.member{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.member-img{aspect-ratio:1028/880;overflow:hidden;background:#111}
.member-img img{width:100%;height:100%;object-fit:cover}
.member-body{padding:16px 18px}
.member-body h3{font-size:1rem}
.member-body p{color:var(--orange);font-size:.82rem;margin-top:2px}

/* --- TEAM PHOTO (group shot, framed) -------------------------------------- */
.team-photo-card{
  max-width:980px;margin:0 auto;padding:14px;border-radius:24px;
  background:radial-gradient(120% 140% at 50% 0%,rgba(234,91,27,.10),transparent 60%),linear-gradient(180deg,#161616,#0a0a0a);
  border:1px solid rgba(234,91,27,.28);
  box-shadow:0 0 70px -26px rgba(234,91,27,.35);
}
.team-photo-frame{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#111}
.team-photo-frame img{width:100%;display:block}

/* --- TESTIMONIALS -------------------------------------------------------- */
.testimonials{background:var(--bg-2)}
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tst{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}
.tst .stars{color:var(--orange);letter-spacing:2px;margin-bottom:14px}
.tst h3{font-size:1.05rem;margin-bottom:10px}
.tst .quote{color:var(--muted);font-size:.92rem;margin-bottom:20px}
.tst .who{display:flex;align-items:center;gap:12px}
.tst .who img{width:42px;height:42px;border-radius:99px}
.tst .who .nm{font-weight:600;font-size:.9rem}
.tst .who .lo{color:var(--muted-2);font-size:.8rem}

/* --- FAQ ----------------------------------------------------------------- */
.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.faq-q{width:100%;text-align:left;background:none;border:0;color:var(--white);cursor:pointer;
  font-family:var(--font-display);font-weight:600;font-size:1rem;padding:20px 22px;
  display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-q .ic{color:var(--orange);font-size:1.4rem;line-height:1;transition:transform .25s}
.faq-item.open .faq-q .ic{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-a p{padding:0 22px 20px;color:var(--muted);font-size:.95rem}

/* --- PARTNER ------------------------------------------------------------- */
.partner-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px}
.partner-form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 12px 4px;min-height:1000px}
.experts-title{font-size:1.4rem;margin-bottom:24px}
.expert{display:flex;gap:16px;margin-bottom:26px}
.expert .ic{flex:0 0 44px;height:44px;border-radius:12px;background:rgba(234,91,27,.12);color:var(--orange);
  display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.expert h4{font-family:var(--font-display);font-size:1.02rem;margin-bottom:4px}
.expert p{color:var(--muted);font-size:.9rem}

/* --- FOOTER -------------------------------------------------------------- */
.site-footer{background:var(--black);border-top:1px solid var(--border);padding:64px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.2fr;gap:32px}
.footer-brand img{height:26px;margin-bottom:16px}
.footer-brand p{color:var(--muted-2);font-size:.85rem;max-width:220px}
.footer-col h4{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted-2);margin-bottom:16px}
.footer-col a,.footer-col p{display:block;color:var(--muted);font-size:.9rem;margin-bottom:10px}
.footer-col a:hover{color:var(--orange)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}
.footer-bottom p{color:var(--muted-2);font-size:.82rem}
.footer-bottom .legal{display:flex;gap:20px}

/* --- RESPONSIVE ---------------------------------------------------------- */
@media (max-width:1000px){
  .machines,.usecases-grid,.team-grid,.mfg-stats{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .nav-desktop,.nav-cta{display:none}
  .nav-toggle{display:flex}
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero-media{order:-1}
  .steps,.layers,.vms-features,.tst-grid{grid-template-columns:1fr}
  .mfg-grid,.partner-grid{grid-template-columns:1fr}
  .section{padding:64px 0}
}
@media (max-width:560px){
  .usecases-grid,.team-grid,.mfg-stats{grid-template-columns:1fr}
  .machines{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero-stats{gap:22px}
  .phones img,.phones img:nth-child(2){height:360px}
}

/* accessibility */
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ============================================================
   DEPTH PASS — elevation, gradient fills, glows (match designer)
   ============================================================ */
.step,.layer,.machine,.vms-feature,.usecase,.mfg-stat,.tst,.faq-item,.partner-form{
  background:var(--card);
  border-top-color:rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 30px rgba(0,0,0,.55),
    0 1px 2px rgba(0,0,0,.6);
}
.step,.layer,.vms-feature,.usecase,.machine,.mfg-stat,.tst{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease}
.step:hover,.layer:hover,.vms-feature:hover,.usecase:hover,.machine:hover,.tst:hover{
  transform:translateY(-4px);
  background:var(--card-2);
  border-top-color:rgba(255,255,255,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 16px 40px rgba(0,0,0,.6);
  border-color:var(--border-hi)}
/* hero image — framed, elevated, subtle orange glow behind */
.hero-media{position:relative}
.hero-media::before{content:"";position:absolute;inset:-10% -6% -14% -6%;z-index:0;
  background:radial-gradient(60% 60% at 62% 42%,rgba(234,91,27,.18),transparent 70%);filter:blur(22px)}
.hero-media img{position:relative;z-index:1;box-shadow:0 46px 92px -34px rgba(0,0,0,.9);border-color:var(--border-hi)}
/* machine render — sits directly on black, no boxed card, orange glow behind + grounded drop-shadow on the unit */
.machine-img{position:relative;overflow:hidden;background:#000}
.machine-img::after{content:"";position:absolute;inset:auto 0 -25% 0;height:65%;pointer-events:none;
  background:radial-gradient(50% 100% at 50% 0,rgba(234,91,27,.12),transparent 72%)}
.machine-img img{position:relative;z-index:1;filter:drop-shadow(0 26px 22px rgba(0,0,0,.55))}
/* phones — deepen existing shadow */
.phones img{filter:drop-shadow(0 30px 60px rgba(0,0,0,.7))}
/* orange buttons — lift + glow */
.btn-primary{box-shadow:0 12px 28px -12px rgba(234,91,27,.55)}
.btn-primary:hover{box-shadow:0 18px 38px -12px rgba(234,91,27,.72)}
/* soft section glow behind hardware + use cases */
.hardware,.usecases{position:relative}
.hardware::before,.usecases::before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  width:640px;height:320px;pointer-events:none;
  background:radial-gradient(50% 100% at 50% 0,rgba(234,91,27,.07),transparent 70%)}
.section-head,.machines,.usecases-grid{position:relative;z-index:1}

/* ============================================================
   ICONS + VMS PANEL + fixes  (turn 2 revisions)
   ============================================================ */
.icon-ring{width:58px;height:58px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  color:#ff8d28;background:radial-gradient(circle at 32% 24%,rgba(234,91,27,.16),rgba(234,91,27,.03));
  border:1px solid rgba(255,141,40,.5);box-shadow:inset 0 0 14px rgba(234,91,27,.14),0 6px 16px -8px rgba(234,91,27,.4)}
.icon-ring svg{width:26px;height:26px}
.step .icon-ring{margin:0 auto 18px}
.layer .icon-ring{margin-bottom:16px}
.mfg-stat .icon-ring{width:48px;height:48px;margin-bottom:14px}
.mfg-stat .icon-ring svg{width:22px;height:22px}
.vms-feature{display:flex;gap:16px;align-items:flex-start}
.vms-feature .icon-ring{width:48px;height:48px}
.vms-feature .icon-ring svg{width:22px;height:22px}
.vms-feature h3{margin-bottom:6px}
.expert .icon-ring{width:48px;height:48px}
.expert .icon-ring svg{width:22px;height:22px}

/* VMS panel with center-elevated, staggered phones (match designer) */
.vms-panel{position:relative;border-radius:24px;padding:52px 24px 0;overflow:hidden;margin-top:8px;
  background:radial-gradient(80% 90% at 50% 0,rgba(234,91,27,.08),transparent 62%),linear-gradient(180deg,#161616,#0a0a0a);
  border:1px solid var(--border);box-shadow:0 34px 64px -30px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.04)}
.vms-panel .phones{display:flex;justify-content:center;align-items:flex-end;gap:0;flex-wrap:nowrap}
.vms-panel .phones img{width:auto;filter:drop-shadow(0 26px 46px rgba(0,0,0,.6))}
.vms-panel .phones .ph-0,.vms-panel .phones .ph-2{height:330px;opacity:.92;position:relative;z-index:1}
.vms-panel .phones .ph-0{margin-right:-46px}
.vms-panel .phones .ph-2{margin-left:-46px}
.vms-panel .phones .ph-1{height:462px;position:relative;z-index:3}
@media (max-width:640px){
  .vms-panel{padding:32px 12px 0}
  .vms-panel .phones .ph-0,.vms-panel .phones .ph-2{display:none}
  .vms-panel .phones .ph-1{height:420px}
}

/* footer transparent logo sizing */
.footer-brand img{height:28px}

/* ============================================================
   REVISION 3 — header/nav, eyebrow pill, spacing, VMS fill, manufacturing, partner
   ============================================================ */
/* 1. header: larger logo + centered nav */
.header-inner{height:80px}
.brand-logo{height:40px}
.nav-desktop{flex:1;justify-content:center;margin:0}
.nav-cta{margin:0}

/* 6. eyebrow pill (dark capsule + orange bolt + glow) */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;letter-spacing:.14em;
  background:var(--card);border:1px solid rgba(255,141,40,.4);border-radius:99px;
  padding:9px 18px 9px 14px;margin-bottom:22px;
  box-shadow:0 0 26px -6px rgba(234,91,27,.55), inset 0 0 12px rgba(234,91,27,.08)}
.eyebrow .eb-ic{width:15px;height:15px;fill:var(--orange);flex:0 0 auto}

/* 4. wider subheadings everywhere (fix cramped feel) */
.section-head{max-width:920px}
.section-head p{font-size:1.1rem;max-width:780px;margin-left:auto;margin-right:auto}
.inst-text{max-width:840px}

/* 3. VMS — tighter panel, all three phones visible & filling it (no overlap) */
.vms-panel{max-width:900px;margin:10px auto 0;padding:52px 36px 0}
.vms-panel .phones{gap:30px;align-items:flex-end;justify-content:center}
.vms-panel .phones img{margin:0 !important}
.vms-panel .phones .ph-0,.vms-panel .phones .ph-2{height:400px;opacity:1;z-index:1}
.vms-panel .phones .ph-1{height:462px;z-index:2}
@media (max-width:820px){ .vms-panel .phones{flex-wrap:wrap;gap:20px} .vms-panel .phones img{height:360px} }
@media (max-width:640px){ .vms-panel .phones .ph-0,.vms-panel .phones .ph-2{display:none} .vms-panel .phones .ph-1{height:430px} }

/* 5. MANUFACTURING — match design: heading + [image | card holding 2x2 stats] */
.mfg-grid{grid-template-columns:1fr 1.12fr;gap:28px;align-items:stretch;margin-bottom:0}
.mfg-grid > img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}
.mfg-card{background:linear-gradient(180deg,#161616,#0a0a0a);border:1px solid var(--border);
  border-radius:var(--radius);padding:40px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.04)}
.mfg-card-title{font-size:clamp(1.6rem,2.4vw,2rem);margin-bottom:14px}
.mfg-card-text{color:var(--muted);margin-bottom:30px}
.mfg-stats{grid-template-columns:1fr 1fr;gap:30px 26px}
.mfg-stat{display:flex;gap:14px;align-items:flex-start;background:none !important;border:0 !important;box-shadow:none !important;padding:0}
.mfg-stat .icon-ring{width:46px;height:46px;margin:0}
.mfg-stat .icon-ring svg{width:22px;height:22px}
.mfg-stat-h{font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.25;margin-bottom:7px}
.mfg-stat .t{color:var(--muted);font-size:.85rem;line-height:1.5}
@media (max-width:900px){ .mfg-grid{grid-template-columns:1fr} .mfg-grid > img{height:340px} }
@media (max-width:520px){ .mfg-stats{grid-template-columns:1fr} }

/* 7. PARTNER — balance right column height against the form */
.partner-grid{align-items:stretch}

/* REVISION 13 — Free Demo panel is now the sole focus of this column, so it
   gets its own embossed card treatment (matches the sitewide card language)
   instead of floating loose text in the stretched column. */
.partner-experts{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:var(--card);border:1px solid var(--border);border-top-color:rgba(255,255,255,.10);
  border-radius:var(--radius);padding:56px 44px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.6);
}
.partner-experts .eyebrow{margin-bottom:22px}
.partner-experts .expert{flex-direction:column;align-items:center;text-align:center;gap:0;margin-bottom:0}
.partner-experts .expert .icon-ring{width:64px;height:64px;margin:0 auto 22px}
.partner-experts .expert .icon-ring svg{width:28px;height:28px}
.partner-experts .expert h4{font-size:1.6rem;margin-bottom:14px}
.partner-experts .expert p{font-size:1rem;line-height:1.65;max-width:380px;margin:0 auto}
.partner-experts .btn{margin-top:34px;width:100%;max-width:320px;padding:18px 28px;font-size:1.05rem}

/* REVISION 11 — with the experts list collapsed to a single "Free Demo" card,
   center the card + CTA as one balanced group instead of pinning the button
   to the bottom of the stretched column (was leaving a big orphaned gap). */

/* ============================================================
   REVISION 4 — logo size, testimonials, MOBILE priority
   ============================================================ */
/* 3. larger top logo */
.brand-logo{height:48px}

/* 4. testimonials — align the author row to the bottom across all cards */
.tst{display:flex;flex-direction:column}
.tst .quote{margin-bottom:22px}
.tst .who{margin-top:auto;align-items:center}
.tst .who .nm{line-height:1.25}

/* ===================== MOBILE (priority) ===================== */
@media (max-width:820px){
  /* 5. logo bigger on mobile */
  .brand-logo{height:44px}
  /* 6. center content that was hugging the left */
  .hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
  .hero-sub{margin-left:auto;margin-right:auto}
  .hero-cta{justify-content:center}
  /* 5. hero stats: stack cleanly & centered (fixes 2-on-top-1-below) */
  .hero-stats{flex-direction:column;align-items:center;gap:18px;margin-top:30px}
  .hero-stats > div{text-align:center}
  .hero-stats .lbl{max-width:none}
  /* center card content */
  .layer{text-align:center}
  .layer .icon-ring{margin-left:auto;margin-right:auto}
  .vms-feature,.expert{flex-direction:column;align-items:center;text-align:center}
  .mfg-stat{flex-direction:column;align-items:center;text-align:center}
  .tst{align-items:center;text-align:center}
  .tst .who{justify-content:center}
  /* 7. VMS: show ALL THREE phones on mobile, stacked & centered */
  .vms-panel .phones{flex-direction:column;align-items:center;gap:22px;flex-wrap:nowrap}
  .vms-panel .phones img,
  .vms-panel .phones .ph-0,
  .vms-panel .phones .ph-1,
  .vms-panel .phones .ph-2{display:block !important;opacity:1 !important;height:430px !important;margin:0 !important}
}

/* ============================================================
   REVISION 5 — product renders, institutional card, footer logo, legal pages
   ============================================================ */
/* 1. product renders larger */
.machine-img{height:300px;padding:16px}
.machine-img img{max-height:100%}

/* 2. Institutional Backing — lit card matching the current site */
.institutional{text-align:center}
.inst-card{position:relative;max-width:1040px;margin:0 auto;border-radius:26px;padding:64px 48px 54px;text-align:center;
  background:radial-gradient(120% 130% at 50% 0,rgba(234,91,27,.10),transparent 55%),linear-gradient(180deg,#161616,#0a0a0a);
  border:1px solid rgba(234,91,27,.42);
  box-shadow:0 0 72px -18px rgba(234,91,27,.42), inset 0 0 70px -30px rgba(234,91,27,.18)}
.inst-eyebrow{font-family:var(--font-display);font-weight:600;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:26px}
.inst-headline{font-size:clamp(1.55rem,3.2vw,2.55rem);line-height:1.2;max-width:900px;margin:0 auto 40px;font-weight:700}
.ib-hl{color:var(--orange)}
.inst-card .inst-logos{margin-bottom:28px}
.inst-note{color:var(--muted-2);font-size:.9rem;max-width:700px;margin:0 auto;line-height:1.6}
@media (max-width:640px){ .inst-card{padding:44px 22px} .inst-card .inst-logos{gap:32px} }

/* 3. footer logo larger */
.footer-brand img{height:44px}
.footer-bottom .legal a{color:var(--muted-2)}
.footer-bottom .legal a:hover{color:var(--orange)}

/* legal pages (terms / privacy) */
.legal-page{padding:56px 0 84px}
.legal-page h1.lead{font-size:clamp(2rem,4vw,2.6rem);margin:0 0 28px}
.legal-page h2{font-size:1.25rem;margin:34px 0 12px}
.legal-page h3{font-size:1.02rem;margin:22px 0 8px;color:#d2d2d2}
.legal-page p{color:var(--muted);margin-bottom:14px;max-width:840px;line-height:1.7}
.legal-page ul{color:var(--muted);margin:0 0 16px 22px;max-width:840px}
.legal-page li{margin-bottom:8px;line-height:1.6}
.legal-page a{color:var(--orange);word-break:break-word}

/* ============================================================
   REVISION 6 — larger logos, footer alignment + social icons
   ============================================================ */
.brand-logo{height:50px}
.footer-brand img{height:48px}
.footer-grid{align-items:start}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap}
.footer-social{display:flex;gap:10px}
.footer-social a{width:40px;height:40px;border:1px solid var(--border);border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:color .2s,border-color .2s}
.footer-social a:hover{color:var(--orange);border-color:var(--orange)}
.footer-social svg{width:17px;height:17px}
@media (max-width:820px){
  .brand-logo{height:46px}
  .footer-bottom{justify-content:center;text-align:center}
  .footer-social{order:-1}
}

/* ============================================================
   REVISION 7 — cropped-logo retune, footer brand alignment, download icon
   ============================================================ */
.brand-logo{height:34px}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start}
.footer-brand img{height:32px;display:block;margin-bottom:16px}
.dl-ic{width:16px;height:16px}
@media (max-width:820px){
  .brand-logo{height:30px}
  .footer-brand{align-items:center}
}

/* ============================================================
   REVISION 8 — client feedback: value + support sections, 4-step, portrait team
   ============================================================ */
/* How Our Machine Works — 4 steps */
.steps-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){ .steps-4{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .steps-4{grid-template-columns:1fr} }
.value{background:var(--bg-2)}

/* support band (separate from sales) */
.support{background:var(--bg-2);border-top:1px solid var(--border)}
.support-band{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  background:radial-gradient(120% 130% at 0 0,rgba(234,91,27,.10),transparent 55%),linear-gradient(180deg,#161616,#0a0a0a);
  border:1px solid rgba(234,91,27,.3);border-radius:20px;padding:34px 40px;
  box-shadow:0 0 60px -22px rgba(234,91,27,.35)}
.support-copy h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-bottom:8px}
.support-copy p{color:var(--muted);max-width:620px}
.support-band .btn{flex:0 0 auto}
@media (max-width:640px){ .support-band{flex-direction:column;text-align:center;padding:30px 22px} }

/* team — portrait crops for the real photos */
.member-img{aspect-ratio:4 / 5}
.member-img img{object-position:50% 26%}

/* REVISION 10 — real photos are in; portrait crop restored (rev9 landscape
   override removed). */