/*
Theme Name: AUTOMAVIS
Theme URI: https://automavis.com
Author: AUTOMAVIS
Author URI: https://automavis.com
Description: Custom company theme for AUTOMAVIS — automated machine vision for vehicle inspection.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: automavis
*/

/* ============ AUTOMAVIS SITE STYLES ============ */

  :root{
    --bg:#0A1420; --bg-alt:#0D1826; --panel:#132234; --panel-line:rgba(255,255,255,0.09);
    --teal:#2FD9BE; --blue:#5B8DEF; --amber:#E8A73D; --violet:#C084FC; --red:#F87171; --green:#4ADE80;
    --text:#E8EDF5; --text-dim:#8FA0B8; --text-dimmer:#5E6E85;
    --font-display:'Space Grotesk', sans-serif; --font-body:'Inter', sans-serif; --font-mono:'JetBrains Mono', monospace;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg); color:var(--text); font-family:var(--font-body); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
  img,svg{max-width:100%; display:block;}
  a{color:inherit;}
  .wrap{max-width:1120px; margin:0 auto; padding:0 32px;}
  h1,h2,h3{font-family:var(--font-display); font-weight:600; letter-spacing:-0.01em;}

  header{ position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(10,20,32,0.75); backdrop-filter:blur(10px); border-bottom:1px solid var(--panel-line); transition:background .2s;}
  nav{ max-width:1120px; margin:0 auto; padding:0 32px; display:flex; align-items:center; justify-content:space-between; height:84px; transition:height .25s ease;}
  .logo{ display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:700; font-size:21px;}
  .logo-img{ height:46px; width:auto; display:block; transition:height .25s ease;}
  .logo .mark{color:var(--teal);}
  .navlinks{display:flex; gap:30px; font-size:15px;}
  .navlinks a{text-decoration:none; color:var(--text-dim); transition:color .2s;}
  .navlinks a:hover, .navlinks a.active{color:var(--text);}
  .navcta{ font-size:14px; font-weight:500; padding:9px 18px; background:var(--teal); color:#062420; border-radius:3px; text-decoration:none; transition:box-shadow .2s;}
  .nav-brochure{ font-size:13.5px; font-weight:500; color:var(--text-dim); text-decoration:none; padding:6px 10px; border:1px solid var(--panel-line); border-radius:6px; transition:color .2s, border-color .2s; background:none; font-family:inherit; cursor:pointer; display:inline-flex; align-items:center; gap:6px;}
  .nav-brochure:hover, .nav-brochure-wrap.open .nav-brochure{ color:var(--teal); border-color:var(--teal);}
  .navcta:hover{box-shadow:0 0 0 3px rgba(47,217,190,0.18);}

  /* Brochure EN/GR dropdown */
  .nav-brochure-wrap{ position:relative;}
  .nav-brochure-menu{
    position:absolute; top:calc(100% + 8px); right:0; min-width:150px;
    background:rgba(10,20,32,0.97); border:1px solid var(--panel-line); border-radius:8px;
    padding:6px; display:flex; flex-direction:column; gap:2px;
    opacity:0; visibility:hidden; transform:translateY(-6px);
    transition:opacity .15s ease, transform .15s ease, visibility .15s;
    box-shadow:0 12px 28px rgba(0,0,0,0.35); z-index:110;
  }
  .nav-brochure-wrap.open .nav-brochure-menu{ opacity:1; visibility:visible; transform:translateY(0);}
  .nav-brochure-menu a{ display:block; padding:8px 12px; border-radius:5px; font-size:13.5px; color:var(--text-dim); text-decoration:none; white-space:nowrap; transition:background .15s, color .15s;}
  .nav-brochure-menu a:hover{ background:rgba(47,217,190,0.12); color:var(--teal);}

  .sheet-brochure-links{ display:flex; flex-direction:column; gap:2px; margin:4px 0;}
  .sheet-brochure-links a{ font-size:16px; color:var(--text-dim); text-decoration:none; padding:6px 0;}
  .sheet-brochure-links a:hover{ color:var(--teal);}

  /* Shrink header on scroll — applies to both mobile and desktop */
  header.scrolled{ background:rgba(10,20,32,0.92);}
  header.scrolled nav{ height:60px;}
  header.scrolled .logo-img{ height:32px;}

  .hero{ min-height:auto; display:flex; flex-direction:column; align-items:center; padding-top:72px; padding-bottom:56px; overflow:hidden;}
  #network-canvas{ position:absolute; inset:0; width:100%; height:100%; opacity:0.55;}
  .hero-content{ position:relative; z-index:2; max-width:680px; padding:56px 32px 20px; text-align:center;}
  .hero-visual{ position:relative; z-index:2; width:100%; max-width:1100px; padding:24px 32px 0;}
  .hero-visual img{ width:100%; height:auto; display:block; border-radius:8px; border:1px solid var(--panel-line); background:#0A1420; box-shadow:0 20px 50px rgba(0,0,0,0.35);}
  .hero-eyebrow{ font-size:13.5px; color:var(--teal); font-weight:500; margin-bottom:16px;}
  .hero h1{ font-size:clamp(30px, 4vw, 46px); line-height:1.12; margin-bottom:18px;}
  .hero p.lead{ font-size:16.5px; color:var(--text-dim); max-width:500px; margin:0 auto 28px;}
  .hero-actions{display:flex; gap:14px; flex-wrap:wrap; justify-content:center;}
  .btn{ font-family:var(--font-body); font-size:14.5px; font-weight:500; padding:13px 26px; border-radius:3px; text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition:box-shadow .2s, border-color .2s; cursor:pointer; border:none;}
  .btn-primary{background:var(--teal); color:#062420;}
  .btn-primary:hover{box-shadow:0 0 0 3px rgba(47,217,190,0.18);}
  .btn-ghost{border:1px solid var(--panel-line); color:var(--text); background:transparent;}
  .btn-ghost:hover{border-color:var(--text-dim);}

  section.pad{padding:100px 0;}
  .section-head{max-width:600px; margin:0 auto 48px; text-align:center;}
  .demo-link-arrow{ display:inline-block; margin-top:14px; color:var(--teal); font-weight:600; font-size:14.5px; text-decoration:none;}
  .demo-link-arrow:hover{ text-decoration:underline;}
  .section-head .eyebrow{font-size:12.5px; color:var(--teal); font-weight:600; letter-spacing:.04em; text-transform:uppercase; margin-bottom:12px;}
  .section-head h2{font-size:clamp(25px,2.8vw,34px); margin-bottom:12px;}
  .section-head p{color:var(--text-dim); font-size:15.5px;}

  /* ============ INTERACTIVE DIAGRAM ============ */
  .diagram{ background:var(--bg-alt); border-top:1px solid var(--panel-line); border-bottom:1px solid var(--panel-line);}
  .diagram-panel{ display:grid; grid-template-columns:1.5fr 1fr; gap:0; background:var(--panel); border:1px solid var(--panel-line); border-radius:8px; overflow:hidden;}
  .car-stage{ position:relative; perspective:2000px; aspect-ratio:2280/800;
    background:
      linear-gradient(var(--panel-line) 1px, transparent 1px),
      linear-gradient(90deg, var(--panel-line) 1px, transparent 1px),
      #0D2038;
    background-size:26px 26px;
    border-right:1px solid var(--panel-line);
  }
  .car-stage svg{ position:absolute; inset:0; width:100%; height:100%;}
  .part-hit{ fill:var(--pc,#5B8DEF); fill-opacity:0; stroke:var(--pc,#5B8DEF); stroke-opacity:0; stroke-width:3; cursor:pointer; transition:fill-opacity .15s, stroke-opacity .15s; }
  .part-hit:hover, .part-hit.pinned{ fill-opacity:0.4; stroke-opacity:1; }
  .part-hit[data-part="front-fender"]:hover{ stroke-opacity:0; }
  .fender-outline{ stroke-opacity:0; transition:stroke-opacity .15s; pointer-events:none; }
  .part-hit[data-part="front-fender"]:hover ~ .fender-outline,
  .part-hit[data-part="front-fender"].pinned ~ .fender-outline{ stroke-opacity:1; }
  .damage-poly{ transition:opacity .2s, filter .2s; pointer-events:none;}
  .damage-poly.dim{ opacity:0.35;}
  .damage-poly.boost{ filter:drop-shadow(0 0 8px currentColor);}
  .damage-poly.boost path{ fill-opacity:0.4; stroke-width:4;}
  .damage-label{ transform-box:fill-box; transform-origin:center; transform:scale(1); transition:transform .25s ease;}
  .damage-poly.boost .damage-label{ transform:scale(2);}
  .bring-to-life-btn{ position:absolute; top:14px; left:16px; z-index:6; display:flex; align-items:center; gap:8px; background:rgba(10,20,32,0.75); border:1px solid var(--panel-line); border-radius:20px; padding:7px 14px 7px 10px; font-family:var(--font-body); font-size:12px; color:var(--text-dim); cursor:pointer; transition:border-color .2s, color .2s;}
  .btl-dot{width:8px; height:8px; border-radius:50%; background:var(--green); flex-shrink:0; transition:box-shadow .25s;}
  .car-stage:hover .btl-dot{ box-shadow:0 0 12px 4px rgba(74,222,128,0.65);}
  .car-stage:hover .bring-to-life-btn{ border-color:var(--green); color:var(--text);}
  .stage-flip-inner{ position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .7s cubic-bezier(.4,.2,.2,1);}
  .car-stage.flipped .stage-flip-inner{ transform:rotateY(180deg);}
  .stage-front, .stage-back{ position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
  .stage-back{ transform:rotateY(180deg); background:#B91C1C; display:flex; align-items:center; justify-content:center;}
  .car-stage.flipped{ aspect-ratio:1400/788;}
  .rp-stage-inner{ position:absolute; inset:0; overflow:hidden;}
  .rp-stage-inner svg{ display:block; width:100%; height:100%; transition:transform .25s ease; transform-origin:center center;}
  .rp-hit{ cursor:pointer; transition:fill-opacity .15s, stroke-width .15s;}
  .rp-hit:hover{ fill-opacity:0.22; stroke-width:2.5;}
  .rp-damage{ pointer-events:none; transition:fill-opacity .2s, stroke-width .2s;}
  .rp-damage.show{ fill-opacity:0.32; stroke-width:2.5;}
  .rp-zoom-controls{ position:absolute; top:12px; right:12px; z-index:10; display:flex; flex-direction:column; gap:4px;}
  .rp-zoom-btn{ width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:rgba(10,20,32,0.75); border:1px solid var(--panel-line); border-radius:6px; color:var(--text); font-size:16px; cursor:pointer; font-family:var(--font-body); line-height:1;}
  .rp-zoom-btn:hover{ border-color:var(--teal); color:var(--teal);}
  .rp-joystick{ position:absolute; bottom:12px; right:12px; z-index:10; display:grid; grid-template-columns:28px 28px 28px; grid-template-rows:28px 28px 28px; opacity:0; pointer-events:none; transition:opacity .2s;}
  .rp-joystick.show{ opacity:1; pointer-events:auto;}
  .rp-joy-btn{ display:flex; align-items:center; justify-content:center; background:rgba(10,20,32,0.75); border:1px solid var(--panel-line); color:var(--text); font-size:11px; cursor:pointer; font-family:var(--font-body); line-height:1;}
  .rp-joy-btn:hover{ color:var(--teal);}
  .rp-joy-up{ grid-column:2; grid-row:1; border-radius:6px 6px 0 0;}
  .rp-joy-left{ grid-column:1; grid-row:2; border-radius:6px 0 0 6px;}
  .rp-joy-right{ grid-column:3; grid-row:2; border-radius:0 6px 6px 0;}
  .rp-joy-down{ grid-column:2; grid-row:3; border-radius:0 0 6px 6px;}

  .triple-video-panel{ max-width:1200px; margin:0 auto; background:var(--panel); border:1px solid var(--panel-line); border-radius:8px; padding:28px;}
  .triple-video-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:20px;}
  .tv-title{ font-family:var(--font-display); font-size:13px; font-weight:600; color:var(--text-dim); text-align:center; margin-bottom:10px; text-transform:uppercase; letter-spacing:.04em;}
  .tv-stage{ position:relative; background:#0D2038; border:1px solid var(--panel-line); border-radius:8px; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; overflow:hidden;}
  .tv-stage video{ width:100%; height:100%; object-fit:cover; display:block;}
  .tv-placeholder{ color:var(--text-dimmer); font-size:13px; text-align:center; padding:20px;}
  .tv-controls{ display:flex; justify-content:center; align-items:center; gap:16px;}
  .tv-playbtn{ display:flex; align-items:center; gap:8px; background:var(--teal); color:#062420; border:none; border-radius:20px; padding:10px 22px; font-family:var(--font-body); font-weight:600; font-size:14px; cursor:pointer;}
  .tv-playbtn:hover{ opacity:0.9;}
  .tv-scrubber{ flex:1; max-width:400px; height:4px; background:var(--panel-line); border-radius:2px; position:relative; cursor:pointer;}
  .tv-scrubber-fill{ position:absolute; left:0; top:0; height:100%; background:var(--teal); border-radius:2px; width:0%;}
  @media (max-width:820px){ .triple-video-grid{ grid-template-columns:1fr;} }
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.25;}}

  .info-panel{ padding:28px 26px 28px 34px; display:flex; flex-direction:column; min-height:280px;}
  .info-title{font-family:var(--font-display); font-size:13.5px; color:var(--text-dim); margin-bottom:16px;}
  .info-part-name{font-size:19px; font-weight:600; margin-bottom:10px; min-height:24px;}
  .info-status{ display:flex; align-items:center; gap:8px; font-size:13.5px; margin-bottom:16px; min-height:19px;}
  .info-status .sdot{width:8px;height:8px;border-radius:50%; flex-shrink:0;}
  .info-defect{ background:#0C1926; border:1px solid var(--panel-line); border-radius:6px; padding:11px 16px; font-size:13px; color:var(--text-dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .info-defect .dtype{color:var(--text); font-weight:600;}
  .info-defect .dsep{color:var(--text-dimmer); margin:0 8px;}
  .info-defect .dval{color:var(--text);}
  .info-defect.empty{color:var(--text-dimmer); font-style:italic;}
  .car-column{ display:flex; flex-direction:column; align-self:start;}
  .hover-status-box{ display:flex; align-items:center; gap:10px; padding:14px 22px; background:var(--panel); border-top:1px solid var(--panel-line); min-height:52px; font-size:14px; color:var(--text-dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .hsb-dot{width:8px; height:8px; border-radius:50%; flex-shrink:0; background:transparent; transition:background .15s;}
  .hsb-text .hsb-part{color:var(--text); font-weight:600;}
  .info-default{ display:flex; flex-direction:column; gap:16px;}
  .part-tags{ display:flex; flex-wrap:wrap; gap:8px;}
  .part-tag{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:var(--text-dim); background:#0C1926; border:1px solid var(--panel-line); border-radius:20px; padding:6px 12px 6px 10px; transition:background .2s, border-color .2s, color .2s;}
  .part-tag.active{ background:var(--tag-color); border-color:var(--tag-color); color:#0A1420;}
  .part-tag.active .ptdot{ background:#0A1420 !important;}
  .part-tag .ptdot{width:7px; height:7px; border-radius:50%; flex-shrink:0;}
  .info-capability{ font-size:13.5px; color:var(--text-dim); line-height:1.6;}

  .legend-row{ margin-top:auto; padding-top:20px; border-top:1px solid var(--panel-line);}
  .legend-group{margin-bottom:14px;}
  .legend-group:last-child{margin-bottom:0;}
  .legend-label{font-size:11px; color:var(--text-dimmer); text-transform:uppercase; letter-spacing:.04em; margin-bottom:8px;}
  .legend-items{display:flex; flex-wrap:wrap; gap:12px;}
  .legend-item{display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--text-dim); border-radius:20px; padding:3px 8px; margin:-3px -8px; transition:background .2s, color .2s;}
  .legend-item.active{ background:var(--dc-bg); color:var(--text);}
  .legend-swatch{width:9px; height:9px; border-radius:2px;}
  .legend-dot{width:8px; height:8px; border-radius:50%;}

  @media (max-width:820px){
    .diagram-panel{grid-template-columns:1fr;}
    .car-stage{border-right:none; border-bottom:1px solid var(--panel-line);}
  }

  /* ============ TECHNOLOGY ============ */
  .tech-section{ padding:100px 0;}
  .tech-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1120px; margin:0 auto;}
  @media (max-width:900px){.tech-grid{grid-template-columns:1fr;}}

  /* ============ API & DASHBOARD ============ */
  .api-section{ padding:0 0 100px;}
  .data-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1080px; margin:0 auto;}
  .data-card{background:var(--panel); border:1px solid var(--panel-line); border-radius:8px; padding:22px 24px; transition:border-color .2s, box-shadow .2s;}
  .data-card:hover{ border-color:var(--teal); box-shadow:0 0 0 1px var(--teal), 0 12px 28px rgba(47,217,190,0.1);}
  .data-card pre{font-family:var(--font-mono); font-size:11.5px; line-height:1.75; color:var(--text-dim); white-space:pre-wrap; overflow-wrap:break-word; word-break:break-all; margin-bottom:14px;}
  .data-card .k{color:var(--text-dimmer);} .data-card .v{color:var(--teal);} .data-card .n{color:var(--amber);}
  .data-card h4{font-size:14.5px; margin-bottom:4px;}
  .data-card p{font-size:12.5px; color:var(--text-dimmer);}
  .data-card .endpoint{font-family:var(--font-mono); font-size:11.5px; color:var(--teal); background:#0C1926; border:1px solid var(--panel-line); border-radius:4px; padding:4px 9px; display:inline-block; margin-bottom:12px;}
  .data-card .io-label{font-size:10px; text-transform:uppercase; letter-spacing:.05em; color:var(--text-dimmer); margin:10px 0 4px;}
  .data-card .io-label:first-of-type{margin-top:0;}

  .flip-card{ perspective:1400px; height:480px;}
  .flip-card:hover .flip-front, .flip-card:hover .flip-back{ border-color:var(--teal); box-shadow:0 0 0 1px var(--teal), 0 12px 28px rgba(47,217,190,0.1);}
  .flip-inner{ position:relative; width:100%; height:100%; transition:transform .6s cubic-bezier(.4,.2,.2,1); transform-style:preserve-3d;}
  .flip-card.flipped .flip-inner{ transform:rotateY(180deg);}
  .flip-front, .flip-back{ position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; background:var(--panel); border:1px solid var(--panel-line); border-radius:8px; padding:24px; overflow:hidden;}
  .flip-front{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
  .flip-back{ transform:rotateY(180deg); overflow-y:auto;}
  .flip-toggle{ position:absolute; top:14px; right:14px; width:28px; height:28px; border-radius:50%; border:1px solid var(--panel-line); background:var(--bg-alt); color:var(--text-dim); display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:14px; line-height:1; z-index:2; transition:border-color .2s, color .2s, box-shadow .2s;}
  .flip-card:hover .flip-toggle{ border-color:var(--green); color:var(--green); box-shadow:0 0 14px 2px rgba(74,222,128,0.55);}
  .flip-icons{ display:flex; align-items:center; gap:14px; margin-bottom:22px;}
  .flip-icon-block{ display:flex; flex-direction:column; align-items:center; gap:6px;}
  .flip-icon-block svg{ width:44px; height:44px;}
  .flip-icon-block span{ font-family:var(--font-display); font-size:12.5px; color:var(--text);}
  .flip-icon-block small{ font-size:10px; color:var(--text-dimmer); max-width:82px; line-height:1.3;}
  .flip-arrow{ font-size:18px; color:var(--text-dimmer); padding-bottom:20px;}
  .flip-front h4{ font-size:15px; margin-bottom:8px;}
  .flip-front p{ font-size:12.5px; color:var(--text-dimmer); max-width:230px; margin-bottom:16px;}
  @media (max-width:900px){.data-grid{grid-template-columns:1fr;}}

  /* ============ LICENSE PLATE ============ */
  .plate-layout{display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:center; margin-top:64px; padding-top:56px; border-top:1px solid var(--panel-line);}
  .plate-stage{ position:relative; aspect-ratio:1448/1086; cursor:pointer; background:
      linear-gradient(var(--panel-line) 1px, transparent 1px),
      linear-gradient(90deg, var(--panel-line) 1px, transparent 1px), #0D2038;
    background-size:26px 26px; border:1px solid var(--panel-line); border-radius:8px; overflow:hidden;}
  .plate-stage svg{position:absolute; inset:0; width:100%; height:100%;}
  #plate-text{ filter:blur(7px); transition:filter .4s ease; }
  .plate-stage:hover #plate-text,
  .plate-stage.active #plate-text{ filter:blur(0px); }
  .plate-hint{ position:absolute; bottom:12px; left:0; right:0; text-align:center; font-size:11.5px; color:var(--text-dimmer);
    opacity:1; transition:opacity .3s ease; pointer-events:none;}
  .plate-stage:hover .plate-hint,
  .plate-stage.active .plate-hint{ opacity:0; }

  .plate-visuals{ display:flex; flex-direction:column; gap:16px;}
  .window-stage{ position:relative; border-radius:8px; overflow:hidden; cursor:pointer; border:1px solid var(--panel-line);}
  .window-stage img{ display:block; width:100%; height:auto;}
  .window-img{ transition:opacity .4s ease;}
  .window-stage .window-off{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0;}
  .window-stage:hover .window-off,
  .window-stage.active .window-off{ opacity:1;}
  .window-stage:hover .window-on,
  .window-stage.active .window-on{ opacity:0;}

  .plate-badge{ display:inline-flex; align-items:center; gap:8px; margin-top:20px; font-size:12.5px; color:var(--text-dim);
    background:var(--panel); border:1px solid var(--panel-line); padding:8px 14px; border-radius:20px;}
  .plate-copy .eyebrow{font-size:12.5px; color:var(--teal); font-weight:600; letter-spacing:.04em; text-transform:uppercase; margin-bottom:12px;}
  .plate-copy h3{font-size:22px; margin-bottom:12px;}
  .plate-copy > p{color:var(--text-dim); font-size:15px; margin-bottom:22px;}
  .plate-boxes{display:grid; grid-template-columns:1fr; gap:0; border:1px solid var(--panel-line); border-radius:8px; overflow:hidden;}
  .plate-box{padding:16px 18px; border-top:1px solid var(--panel-line); transition:background .2s, box-shadow .2s;}
  .plate-box:hover{ background:rgba(47,217,190,0.06); box-shadow:inset 0 0 0 1px var(--teal);}
  @keyframes attn-blink-plate{ 0%,100%{filter:blur(7px);} 50%{filter:blur(0px);} }
  #plate-text.attention{ animation:attn-blink-plate 0.4s ease-in-out 4;}
  .plate-box:first-child{border-top:none;}
  .plate-box h4{font-size:13.5px; margin-bottom:4px;}
  .plate-box p{font-size:12.5px; color:var(--text-dimmer);}
  @media (max-width:820px){.plate-layout{grid-template-columns:1fr;}}

  /* ============ SCANNING MODES ============ */
  .scanning{background:var(--bg-alt); border-top:1px solid var(--panel-line); border-bottom:1px solid var(--panel-line);}
  .scan-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .scan-column{ display:flex; flex-direction:column;}
  .scan-card{background:var(--panel); border:1px solid var(--panel-line); border-radius:8px; padding:28px 24px; display:flex; flex-direction:column; flex:1; transition:border-color .2s, box-shadow .2s;}
  .usecase-strip{ display:flex; align-items:flex-start; flex-wrap:wrap; gap:7px; margin-bottom:16px; min-height:34px;}
  .uc-chip{ display:inline-flex; align-items:center; font-size:12px; font-weight:600; color:var(--teal); background:rgba(47,217,190,0.1); border:1px solid rgba(47,217,190,0.25); border-radius:20px; padding:4px 11px;}
  .info-icon-row{ display:flex; justify-content:center; margin-top:16px;}
  .info-icon{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; border:1px solid var(--text-dimmer); color:var(--text-dimmer); font-size:12px; font-family:var(--font-display); font-style:italic; font-weight:700; cursor:help; flex-shrink:0;}
  .info-icon:hover{ border-color:var(--teal); color:var(--teal);}
  .info-icon .tooltip{ display:none; position:absolute; left:50%; transform:translateX(-50%); bottom:calc(100% + 10px); z-index:20; width:240px; background:#0C1926; border:1px solid var(--panel-line); border-radius:8px; padding:12px 14px; font-size:12.5px; line-height:1.5; color:var(--text-dim); font-style:normal; font-weight:400; box-shadow:0 12px 28px rgba(0,0,0,0.4); text-align:left;}
  .info-icon:hover .tooltip{ display:block;}
  .scan-card:hover{ border-color:var(--teal); box-shadow:0 0 0 1px var(--teal), 0 12px 28px rgba(47,217,190,0.1);}
  .scan-icon{ height:96px; display:flex; align-items:center; justify-content:center; margin-bottom:20px;}
  #scanning .scan-icon{ height:150px;}
  #scanning .scan-card:nth-child(1) .scan-icon{ height:190px;}
  .scan-icon{ position:relative; }
  .scan-icon img{ height:100%; width:auto; max-width:100%; display:block; border-radius:6px;}
  .scan-icon.has-layers{ display:block; }
  .scan-icon.has-layers img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:opacity .35s ease; height:100%; width:auto; max-width:none;}
  .scan-icon .icon-gif{ opacity:0;}
  .scan-card:hover .icon-static{ opacity:0;}
  .scan-card:hover .icon-gif{ opacity:1;}
  .scan-icon svg{width:auto; height:100%;}
  .scan-card h3{font-size:16.5px; margin-bottom:6px;}
  .scan-card .scan-tag{font-size:11px; color:var(--teal); text-transform:uppercase; letter-spacing:.04em; margin-bottom:10px; font-weight:600;}
  .scan-card p{font-size:13.5px; color:var(--text-dim); margin-bottom:16px;}
  .scan-bullets{list-style:none; margin-top:auto;}
  .scan-bullets li{ font-size:12.5px; color:var(--text-dim); padding:8px 0 8px 18px; position:relative; border-top:1px solid var(--panel-line);}
  .scan-bullets li:first-child{border-top:none;}
  .scan-bullets li::before{content:''; position:absolute; left:0; top:15px; width:5px; height:5px; border-radius:50%; background:var(--teal);}
  @media (max-width:900px){.scan-grid{grid-template-columns:1fr;}}
  .underbody-block{ display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center; margin-top:56px; padding:36px; background:var(--panel); border:1px solid var(--panel-line); border-radius:10px;}
  .underbody-image img{ width:100%; height:auto; display:block; border-radius:8px; border:1px solid var(--panel-line);}
  .rd-badge{ display:inline-block; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--amber); background:rgba(232,167,61,0.12); border:1px solid rgba(232,167,61,0.35); padding:5px 12px; border-radius:20px; margin-bottom:14px;}
  .underbody-copy h3{font-size:22px; margin-bottom:12px;}
  .underbody-copy p{font-size:15px; color:var(--text-dim);}
  @media (max-width:820px){.underbody-block{grid-template-columns:1fr;}}

  /* ============ DASHBOARD ============ */
  .dashboard-section .wrap{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  .dashboard-section .section-head{text-align:left; margin:0 0 20px;}
  .dashboard-section .db-copy p{color:var(--text-dim); font-size:15px; margin-bottom:20px;}
  .db-list{list-style:none;}
  .db-list li{display:flex; gap:10px; padding:10px 0; font-size:14px; color:var(--text-dim); align-items:flex-start;}
  .db-list li::before{content:'—'; color:var(--teal); flex-shrink:0;}

  .dash-mock{background:var(--panel); border:1px solid var(--panel-line); border-radius:8px; padding:22px; overflow:hidden;}
  .dash-mock-header{display:flex; align-items:center; gap:8px; font-family:var(--font-display); font-size:14px; margin-bottom:18px;}
  .dash-live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal); animation:pulse 1.8s infinite; margin-left:auto;}
  .dash-mock-header .live-txt{font-size:11px; color:var(--text-dimmer); font-family:var(--font-body);}
  .dash-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:20px;}
  .dash-stat{background:#0C1926; border:1px solid var(--panel-line); border-radius:6px; padding:12px;}
  .dash-stat-num{font-family:var(--font-display); font-size:19px; color:var(--text);}
  .dash-stat-label{font-size:10.5px; color:var(--text-dimmer); margin-top:4px; line-height:1.4;}
  .dash-chart{display:flex; align-items:flex-end; gap:6px; height:70px; margin-bottom:20px; background:#0C1926; border:1px solid var(--panel-line); border-radius:6px; padding:10px;}
  .dash-bar{flex:1; background:linear-gradient(180deg, var(--blue), var(--teal)); border-radius:2px; opacity:0.75;}
  .dash-list{display:flex; flex-direction:column; gap:2px;}
  .dash-row{display:flex; align-items:center; gap:9px; font-size:12px; color:var(--text-dim); padding:9px 0; border-top:1px solid var(--panel-line);}
  .dash-row:first-child{border-top:none;}
  .dash-dot{width:7px;height:7px;border-radius:50%; flex-shrink:0;}
  .dash-dot.ok{background:var(--teal);} .dash-dot.warn{background:var(--amber);}
  @media (max-width:820px){.dashboard-section .wrap{grid-template-columns:1fr;}}

  /* ============ CONTACT / FOOTER ============ */
  .team-section{ background:var(--bg-alt);}
  .team-grid{ display:grid; gap:24px;}
  .team-grid-top{ grid-template-columns:repeat(2,1fr); margin-bottom:24px;}
  .team-grid-bottom{ grid-template-columns:repeat(3,1fr);}
  .team-card{ background:var(--panel); border:1px solid var(--panel-line); border-radius:10px; padding:28px; display:flex; gap:20px; align-items:flex-start; transition:border-color .2s, box-shadow .2s;}
  .team-card:hover{ border-color:var(--teal); box-shadow:0 0 0 1px var(--teal), 0 12px 28px rgba(47,217,190,0.08);}
  .team-avatar{ flex-shrink:0; width:72px; height:72px; border-radius:50%; overflow:hidden; border:2px solid var(--panel-line);}
  .team-avatar img{ width:100%; height:100%; object-fit:cover; display:block;}
  .team-info{ flex:1; min-width:0;}
  .team-name{ font-size:17px; font-weight:700; margin-bottom:4px; font-family:var(--font-display);}
  .team-role{ font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--teal); font-weight:600; margin-bottom:12px;}
  .team-bio{ font-size:13px; color:var(--text-dim); line-height:1.6; margin-bottom:14px;}
  .team-linkedin{ display:inline-flex; color:var(--text-dimmer); transition:color .2s;}
  .team-linkedin:hover{ color:#0A66C2;}
  .team-linkedin svg{ width:20px; height:20px;}
  @media (max-width:900px){ .team-grid-top,.team-grid-bottom{ grid-template-columns:1fr;} }

  .contact{background:var(--bg-alt); border-top:1px solid var(--panel-line); text-align:center; padding:96px 0;}
  .contact h2{font-size:clamp(24px,2.8vw,32px); margin-bottom:14px;}
  .contact p{color:var(--text-dim) !important; max-width:440px !important; margin:0 auto 48px !important;}
  .contact-actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
  footer{padding:40px 0; border-top:1px solid var(--panel-line);}
  .footer-logo-row{ text-align:center; padding-top:48px; padding-bottom:28px;}
  .footer-logo{ height:36px; width:auto; display:inline-block;}
  .footer-grid{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; font-size:12.5px; color:var(--text-dimmer); padding-bottom:32px;}

  .menu-btn{ display:none; width:36px; height:36px; align-items:center; justify-content:center; background:var(--panel); border:1px solid var(--panel-line); border-radius:8px; cursor:pointer; color:var(--text); position:relative; z-index:210; flex-shrink:0;}
  .menu-btn svg{width:17px; height:17px;}

  .mobile-scrim{ position:fixed; inset:0; z-index:200; background:rgba(0,0,0,0); opacity:0; pointer-events:none; transition:opacity .25s ease, background .25s ease;}
  .mobile-scrim.show{ opacity:1; pointer-events:auto; background:rgba(0,0,0,0.5);}

  .mobile-sheet{ position:fixed; left:0; right:0; bottom:0; z-index:210; background:var(--panel); border-top:1px solid var(--panel-line); border-radius:18px 18px 0 0; padding:10px 26px 28px; box-shadow:0 -10px 40px rgba(0,0,0,0.4); transform:translateY(100%); transition:transform .35s cubic-bezier(.4,0,.2,1);}
  .mobile-sheet.open{ transform:translateY(0);}
  .sheet-handle{ width:36px; height:4px; background:var(--panel-line); border-radius:3px; margin:8px auto 12px;}
  .mobile-sheet a{ display:block; color:var(--text); text-decoration:none; font-family:var(--font-body); font-size:18px; font-weight:500; padding:14px 2px; border-bottom:1px solid var(--panel-line);}
  .mobile-sheet a:hover{ color:var(--teal);}
  .mobile-sheet .sheet-cta{ margin-top:14px; text-align:center; background:var(--teal); color:#062420; font-weight:600; border-radius:8px; padding:14px; border-bottom:none;}

  @media (max-width:820px){
    .navlinks{display:none;}
    .navcta{display:none;}
    .nav-brochure-wrap{display:none;}
    .menu-btn{display:flex;}
  }
  @media (min-width:821px){
    .mobile-sheet, .mobile-scrim{display:none;}
  }

  .contact-sheet{ position:fixed; left:0; right:0; bottom:0; z-index:210; background:var(--panel); border-top:1px solid var(--panel-line); border-radius:18px 18px 0 0; padding:10px 28px 32px; box-shadow:0 -10px 40px rgba(0,0,0,0.4); transform:translateY(100%); transition:transform .35s cubic-bezier(.4,0,.2,1); max-width:520px; margin:0 auto; max-height:88vh; overflow-y:auto;}
  .contact-sheet.open{ transform:translateY(0);}
  .contact-sheet h3{ font-family:var(--font-display); font-size:22px; margin:10px 0 6px;}
  .contact-sheet-sub{ color:var(--text-dim); font-size:14px; margin-bottom:20px;}
  .contact-sheet-close{ position:absolute; top:18px; right:20px; background:none; border:none; color:var(--text-dimmer); font-size:26px; line-height:1; cursor:pointer; padding:4px;}
  .contact-sheet-close:hover{ color:var(--text);}
  #automavisContactForm label{ display:block; font-size:12.5px; color:var(--text-dim); margin-bottom:14px;}
  #automavisContactForm input, #automavisContactForm textarea{ display:block; width:100%; margin-top:6px; background:#0C1926; border:1px solid var(--panel-line); border-radius:6px; padding:11px 13px; color:var(--text); font-family:var(--font-body); font-size:14.5px; resize:vertical;}
  #automavisContactForm input:focus, #automavisContactForm textarea:focus{ outline:none; border-color:var(--teal);}
  .contact-submit{ width:100%; text-align:center; border:none; cursor:pointer; margin-top:4px;}
  .contact-submit:disabled{ opacity:0.6; cursor:default;}
  .contact-form-status{ margin-top:12px; font-size:13.5px; text-align:center; min-height:18px;}
  .contact-form-status.success{ color:var(--green);}
  .contact-form-status.error{ color:var(--red);}
  @media (prefers-reduced-motion: reduce){ *{animation:none !important; transition:none !important;} }

  /* ============ NAV FIT — 8 items ============ */
  nav{ max-width:1320px; gap:28px; }
  .navlinks{ gap:20px; font-size:16px; white-space:nowrap; }
  .navcta, .nav-brochure{ white-space:nowrap; flex-shrink:0; }
  .navcta{ font-size:15px; }
  .nav-brochure{ font-size:14.5px; }
  .nav-brochure-menu a{ font-size:14.5px; }

  @media (max-width:1240px){
    .navlinks{ gap:14px; font-size:14.5px; }
    .nav-brochure-wrap{ display:none; }
  }

  /* ============ NAV MENU — wp_nav_menu <li> fix ============ */
  .navlinks li,
  .mobile-sheet li{ list-style:none !important; }
  .navlinks li a{ color:var(--text-dim) !important; text-decoration:none !important; }
  .navlinks li a:hover,
  .navlinks li.current-menu-item a{ color:var(--text) !important; }