@charset "utf-8";
/* ==========================================================================
   gridline.css - PowerTrans power transmission and distribution equipment site
   Theme: gridline   Prefix: gv-   Body class: gridline-theme
   Design language: graphite title blocks, blueprint grid bands, chamfered
   panels, 1px hairline rules, numbered technical index.
   System font stacks only - no webfont requests.
   ========================================================================== */

/* ---------- 1. Tokens ---------- */
:root{
  --gv-ink:#0e1a23;
  --gv-ink-2:#162a37;
  --gv-steel:#24404f;
  --gv-slate:#5d7b8a;
  --gv-blue:#2a6f9e;
  --gv-blue-d:#1c5175;
  --gv-teal:#0f8f86;
  --gv-teal-d:#0b6f68;
  --gv-copper:#b96a3d;
  --gv-line:#cfdbe2;
  --gv-line-2:#e4ebef;
  --gv-line-d:rgba(255,255,255,.16);
  --gv-paper:#eff3f5;
  --gv-paper-2:#f7f9fa;
  --gv-white:#ffffff;
  --gv-txt:#16232c;
  --gv-mut:#4d6373;
  --gv-mut-2:#8fa4b1;
  --gv-r-xs:2px;
  --gv-r-sm:2px;
  --gv-r-md:2px;
  --gv-chamfer:14px;
  --gv-shadow:0 10px 30px rgba(14,26,35,.10);
  --gv-shadow-sm:0 4px 14px rgba(14,26,35,.08);
  --gv-head:"Verdana","DejaVu Sans",Geneva,Tahoma,sans-serif;
  --gv-body:"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --gv-mono:"Cascadia Mono","Segoe UI Mono",Consolas,"Liberation Mono",monospace;
  --gv-max:1320px;
  --gv-grid:32px;
}

/* ---------- 2. Reset & base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--gv-white);color:var(--gv-txt);
  font-family:var(--gv-body);font-size:16px;line-height:1.62;
  font-variant-numeric:tabular-nums;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--gv-blue)}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,h5{
  font-family:var(--gv-head);margin:0 0 .5em;line-height:1.2;
  letter-spacing:-.01em;font-weight:700;color:var(--gv-ink);
}
h1{font-size:clamp(28px,3.4vw,44px)}
h2{font-size:clamp(22px,2.4vw,32px)}
h3{font-size:clamp(17px,1.5vw,20px)}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
hr{border:0;border-top:1px solid var(--gv-line)}
:focus-visible{outline:2px solid var(--gv-teal);outline-offset:2px}

/* ---------- 3. Utilities ---------- */
.gv-wrap{width:min(var(--gv-max),93vw);margin:0 auto}
.gv-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.gv-mb{margin-bottom:28px}
.gv-mt{margin-top:34px}
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--gv-ink);color:#fff;padding:10px 18px;font-size:14px}
.skip-link:focus{left:0;color:#fff}
.gv-num{font-family:var(--gv-mono);font-size:12.5px;letter-spacing:.06em;color:var(--gv-blue);font-weight:600}

/* Blueprint grid background, used as a structural device on several bands. */
.gv-blueprint{
  background-color:var(--gv-paper);
  background-image:
    linear-gradient(rgba(42,111,158,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,111,158,.07) 1px,transparent 1px);
  background-size:var(--gv-grid) var(--gv-grid);
}
.gv-blueprint-dark{
  background-color:var(--gv-ink);
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:var(--gv-grid) var(--gv-grid);
}

/* ---------- 4. Buttons & tags ---------- */
.gv-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:12px 20px;border:1px solid transparent;border-radius:var(--gv-r-sm);
  background:var(--gv-steel);color:#fff;font-family:var(--gv-head);font-size:13.5px;
  font-weight:700;letter-spacing:.02em;cursor:pointer;text-align:center;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.gv-btn i{font-size:13px;line-height:1}
.gv-btn{max-width:100%}
.gv-btn>span{overflow-wrap:anywhere;min-width:0}
.gv-btn:hover{color:#fff;transform:translateY(-1px)}
.gv-btn-volt{background:var(--gv-teal)}
.gv-btn-volt:hover{background:var(--gv-teal-d)}
.gv-btn-blue{background:var(--gv-blue)}
.gv-btn-blue:hover{background:var(--gv-blue-d)}
.gv-btn-ink{background:var(--gv-ink)}
.gv-btn-ink:hover{background:var(--gv-ink-2)}
.gv-btn-white{background:var(--gv-white);color:var(--gv-ink);border-color:var(--gv-line)}
.gv-btn-white:hover{background:var(--gv-paper);color:var(--gv-ink)}
.gv-btn-ghost{background:transparent;border-color:var(--gv-line);color:var(--gv-ink)}
.gv-btn-ghost:hover{border-color:var(--gv-blue);color:var(--gv-blue)}
.gv-btn-outline-light{background:transparent;border-color:var(--gv-line-d);color:#fff}
.gv-btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.gv-btn-lg{padding:15px 26px;font-size:14.5px}
.gv-btn-sm{padding:9px 15px;font-size:12.5px}
.gv-btn-block{width:100%}
.gv-tag{
  display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--gv-line);
  border-radius:var(--gv-r-xs);background:var(--gv-white);color:var(--gv-slate);
  font-family:var(--gv-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;
}
.gv-tag:hover{border-color:var(--gv-blue);color:var(--gv-blue)}
.gv-tag.dark{background:rgba(255,255,255,.06);border-color:var(--gv-line-d);color:#dce7ee}
.gv-tag.dark:hover{border-color:var(--gv-teal);color:#fff}
.gv-eyebrow{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;
  font-family:var(--gv-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gv-blue);
}
.gv-eyebrow .dot{width:7px;height:7px;background:var(--gv-teal);display:inline-block}
.gv-eyebrow-light{color:#a9c6d6}
.gv-eyebrow-light .dot{background:var(--gv-teal)}
.gv-more{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--gv-head);font-size:13px;
  font-weight:700;color:var(--gv-blue);white-space:nowrap;
}
.gv-more:hover{color:var(--gv-teal-d)}

/* ---------- 5. Header ---------- */
/* The header sticks, but only the white index row survives the scroll: the
   graphite readout strip folds away so the sticky part stays 70px tall. */
.gv-header{position:sticky;top:0;z-index:80;background:var(--gv-white)}
.gv-strip{background:var(--gv-ink);color:#c3d5df;font-size:12.5px;max-height:60px;overflow:hidden;transition:max-height .28s ease}
.gv-header.scrolled .gv-strip{max-height:0}
.gv-header.scrolled .gv-bar{box-shadow:var(--gv-shadow-sm)}
.gv-strip-in{display:flex;align-items:center;gap:24px;min-height:36px;padding:6px 0}
.gv-strip-block{display:flex;align-items:center;gap:10px;min-width:0}
.gv-strip-k{
  font-family:var(--gv-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gv-teal);flex:0 0 auto;
}
.gv-strip-v{color:#dce7ee;display:inline-flex;align-items:center;gap:8px;min-width:0}
.gv-strip-v i{color:var(--gv-teal);font-size:12px}
.gv-strip-mid{flex:1 1 auto;min-width:0;overflow:hidden;justify-content:center}
.gv-strip-mid .gv-strip-v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.gv-strip-right{display:flex;align-items:center;gap:18px;flex:0 0 auto;margin-left:auto}
.gv-strip-link{display:inline-flex;align-items:center;gap:7px;color:#c3d5df}
.gv-strip-link:hover{color:#fff}
.gv-strip-lang{display:flex;align-items:center;gap:2px}
.gv-strip-lang a{
  padding:3px 7px;border:1px solid transparent;font-family:var(--gv-mono);font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;color:#9fb6c4;
}
.gv-strip-lang a:hover{border-color:var(--gv-line-d);color:#fff}
.gv-strip-lang a.on{background:var(--gv-teal);color:#fff;border-color:var(--gv-teal)}

.gv-bar{border-bottom:1px solid var(--gv-line);background:var(--gv-white)}
.gv-bar-in{display:flex;align-items:center;gap:20px;padding:14px 0}
.gv-brand{display:inline-flex;align-items:center;gap:13px;flex:0 1 auto;min-width:0;overflow:hidden}
.gv-brand img{max-height:44px;width:auto;flex:0 0 auto}
.gv-brand-fallback{display:inline-flex;align-items:center;gap:12px;min-width:0}
.gv-brand-mark{
  width:42px;height:42px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  background:var(--gv-ink);color:var(--gv-teal);font-size:17px;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
.gv-brand-txt{display:flex;flex-direction:column;min-width:0}
.gv-brand-name{
  font-family:var(--gv-head);font-size:17px;font-weight:700;color:var(--gv-ink);
  line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.gv-brand-tag{
  font-family:var(--gv-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gv-slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.gv-nav{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-end}
.gv-idx{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:stretch;counter-reset:gvnav}
.gv-idx>li{display:flex;align-items:center;position:relative;border-left:1px solid var(--gv-line-2)}
.gv-idx>li:first-child{border-left:0}
.gv-idx>li>a{
  display:inline-flex;align-items:center;gap:7px;padding:7px 12px;
  font-family:var(--gv-head);font-size:12.5px;font-weight:700;color:var(--gv-txt);
  white-space:nowrap;letter-spacing:0;
}
.gv-idx>li>a::before{
  counter-increment:gvnav;content:counter(gvnav,decimal-leading-zero);
  font-family:var(--gv-mono);font-size:10px;letter-spacing:.04em;color:var(--gv-mut-2);
}
.gv-idx>li>a:hover{color:var(--gv-blue)}
.gv-idx>li.on>a,.gv-idx>li>a.on{color:var(--gv-teal-d)}
.gv-idx>li.on>a::before,.gv-idx>li>a.on::before{color:var(--gv-teal)}
.gv-idx>li>a i{font-size:9px;color:var(--gv-mut-2)}
.gv-nav-tgl{
  display:none;width:34px;height:34px;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--gv-line);color:var(--gv-ink);cursor:pointer;
}
.gv-nav-sub,.gv-nav-sub2{display:none}
.gv-nav-mobile{display:none}
.gv-nav-grid,.gv-nav-cta,.gv-nav-contact{display:none}
/* Desktop dropdown: sub-lists open on hover and on keyboard focus. Phones keep
   the drawer behaviour below 1121px, so all of this is scoped to wide screens. */
@media (min-width:1121px){
  .gv-idx>li>.gv-nav-sub,.gv-nav-sub>li>.gv-nav-sub2{
    display:block;position:absolute;z-index:30;min-width:236px;padding:7px 0;
    background:var(--gv-white);border:1px solid var(--gv-line);border-top:2px solid var(--gv-teal);
    box-shadow:var(--gv-shadow);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .gv-nav-sub2{min-width:206px}
  .gv-idx>li>.gv-nav-sub{top:100%;left:0}
  .gv-idx>li:nth-last-child(-n+2)>.gv-nav-sub{left:auto;right:0}
  .gv-nav-sub>li{position:relative}
  .gv-nav-sub>li>.gv-nav-sub2{top:-9px;left:100%}
  .gv-nav-sub>li:nth-last-child(-n+2)>.gv-nav-sub2{left:auto;right:100%}
  .gv-idx>li:hover>.gv-nav-sub,.gv-idx>li:focus-within>.gv-nav-sub,
  .gv-nav-sub>li:hover>.gv-nav-sub2,.gv-nav-sub>li:focus-within>.gv-nav-sub2{
    opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
  }
  .gv-nav-sub a{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:10px 16px;border-left:2px solid transparent;
    font-family:var(--gv-head);font-size:12.5px;font-weight:700;color:var(--gv-txt);
    white-space:nowrap;
  }
  .gv-nav-sub a:hover,.gv-nav-sub a:focus-visible{
    background:var(--gv-paper);color:var(--gv-blue);border-left-color:var(--gv-teal);
  }
  .gv-nav-sub a i{font-size:9px;color:var(--gv-mut-2);flex:0 0 auto}
}

.gv-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.gv-tool-btn,.gv-burger{
  width:42px;height:42px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--gv-line);background:var(--gv-white);color:var(--gv-ink);
  cursor:pointer;position:relative;transition:border-color .18s ease,color .18s ease;
}
.gv-tool-btn:hover{border-color:var(--gv-blue);color:var(--gv-blue)}
.gv-badge{
  position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;
  display:none;align-items:center;justify-content:center;background:var(--gv-copper);
  color:#fff;font-family:var(--gv-mono);font-size:10.5px;border-radius:999px;
}
.gv-burger{display:none;flex-direction:column;gap:0;padding:0}
.gv-burger span{display:block;width:20px;height:2px;background:var(--gv-ink);margin:2.5px auto}
.gv-search{
  display:none;width:100%;margin:0 0 14px;padding:12px;border:1px solid var(--gv-line);
  background:var(--gv-paper-2);gap:10px;align-items:stretch;
}
.gv-search input{
  flex:1 1 auto;min-width:0;padding:12px 14px;border:1px solid var(--gv-line);
  background:var(--gv-white);font-size:14.5px;
}
.gv-search button{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:0;
  background:var(--gv-teal);color:#fff;font-family:var(--gv-head);font-size:13.5px;
  font-weight:700;cursor:pointer;
}
.gv-search button:hover{background:var(--gv-teal-d)}
.gv-header.gv-search-on .gv-search{display:flex}
.gv-search-static{display:flex;margin-top:20px;max-width:640px;background:rgba(255,255,255,.06);border-color:var(--gv-line-d)}
.gv-search-static input{background:rgba(255,255,255,.06);border-color:var(--gv-line-d);color:#fff}
.gv-search-static input::placeholder{color:#9fb6c4}

/* ---------- 6. Hero ---------- */
.gv-hero{position:relative;background:var(--gv-ink);color:#e6eef3;overflow:hidden}
.gv-hero-art{position:absolute;inset:0;pointer-events:none}
.gv-hero-art-img{position:absolute;inset:0;opacity:.5}
.gv-hero-art-img img{width:100%;height:100%;object-fit:cover;object-position:center right}
.gv-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(14,26,35,.96) 0%,rgba(14,26,35,.86) 46%,rgba(14,26,35,.42) 100%);
}
.gv-hero-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:44px;padding:60px 0 54px}
.gv-hero-copy{min-width:0}
.gv-hero h1{color:#fff;margin-bottom:16px}
.gv-hero h1 .hl{display:block;color:var(--gv-teal)}
.gv-lead{font-size:16.5px;color:#c3d5df;max-width:64ch;margin-bottom:24px}
.gv-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.gv-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.gv-titleblock{
  border:1px solid var(--gv-line-d);padding:22px 24px;position:relative;
  clip-path:polygon(0 0,calc(100% - var(--gv-chamfer)) 0,100% var(--gv-chamfer),100% 100%,var(--gv-chamfer) 100%,0 calc(100% - var(--gv-chamfer)));
  background:rgba(255,255,255,.03);
}
.gv-titleblock-tag{
  position:absolute;top:0;left:0;padding:4px 10px;background:var(--gv-teal);color:#fff;
  font-family:var(--gv-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
}
.gv-flow{
  display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);gap:1px;
  background:var(--gv-line-d);border:1px solid var(--gv-line-d);
  clip-path:polygon(0 0,calc(100% - var(--gv-chamfer)) 0,100% var(--gv-chamfer),100% 100%,var(--gv-chamfer) 100%,0 calc(100% - var(--gv-chamfer)));
}
.gv-flow-step{
  display:grid;grid-template-columns:62px minmax(0,1fr);align-items:stretch;
  background:rgba(255,255,255,.03);transition:background .2s ease;
}
.gv-flow-step:hover{background:rgba(255,255,255,.07)}
.gv-flow-step>b{
  display:flex;align-items:center;justify-content:center;
  font-family:var(--gv-mono);font-size:17px;letter-spacing:.04em;color:var(--gv-teal);font-weight:600;
  border-right:1px solid var(--gv-line-d);
}
.gv-flow-step>div{display:flex;flex-direction:column;justify-content:center;padding:26px 24px 26px 22px}
.gv-flow-step h3{color:#fff;font-size:18px;margin:0 0 7px}
.gv-flow-step p{margin:0;font-size:14.5px;line-height:1.6;color:#a9c6d6}

.gv-specband{background:var(--gv-paper);border-bottom:1px solid var(--gv-line)}
.gv-specband-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.gv-spec-col{padding:22px 24px;border-left:1px solid var(--gv-line);min-width:0}
.gv-spec-col:first-child{border-left:0}
.gv-spec-col b{
  display:block;font-family:var(--gv-head);font-size:14.5px;color:var(--gv-ink);
  margin-bottom:5px;
}
.gv-spec-col span{display:block;font-size:13.5px;color:var(--gv-mut)}
.gv-spec-col .gv-spec-k{
  font-family:var(--gv-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gv-blue);margin-bottom:9px;
}

/* ---------- 7. Sections & headings ---------- */
.gv-sec{padding:64px 0}
.gv-sec-tight{padding:38px 0}
.gv-sec-white{background:var(--gv-white)}
.gv-sec-paper{background:var(--gv-paper)}
.gv-sec-ink{background:var(--gv-ink);color:#dce7ee}
.gv-sec-ink h2,.gv-sec-ink h3{color:#fff}
.gv-sec-ink .gv-lead{color:#a9c6d6}
.gv-head{max-width:76ch}
.gv-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:32px}
.gv-head-row .gv-head{margin-bottom:0}
.gv-head p{margin:0;color:var(--gv-mut)}
.gv-sec-ink .gv-head p{color:#a9c6d6}

/* ---------- 8. Category circuit rail ---------- */
.gv-rail{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(268px,1fr);
  gap:14px;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
}
.gv-rail::-webkit-scrollbar{height:8px}
.gv-rail::-webkit-scrollbar-thumb{background:var(--gv-line);border-radius:0}
.gv-rail.is-scrollable{padding-bottom:16px}
.gv-rcard{
  scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;
  border:1px solid var(--gv-line);background:var(--gv-white);padding:20px 20px 18px;
  clip-path:polygon(0 0,calc(100% - var(--gv-chamfer)) 0,100% var(--gv-chamfer),100% 100%,var(--gv-chamfer) 100%,0 calc(100% - var(--gv-chamfer)));
  transition:border-color .2s ease,transform .2s ease;
}
.gv-rcard:hover{border-color:var(--gv-blue);transform:translateY(-3px)}
.gv-rcard-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.gv-rcard-num{font-family:var(--gv-mono);font-size:12px;color:var(--gv-mut-2);letter-spacing:.06em}
.gv-rcard-ico{
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--gv-paper);color:var(--gv-blue);font-size:14px;flex:0 0 auto;
}
.gv-rcard-media{margin:0 0 16px;background:var(--gv-paper-2);overflow:hidden}
.gv-rcard-media img{display:block;width:100%;height:132px;object-fit:cover}
.gv-rcard h3{font-size:16px;margin:0 0 10px}
.gv-rcard-load{height:3px;background:var(--gv-line-2);margin-bottom:14px;overflow:hidden}
.gv-rcard-load i{display:block;height:100%;width:100%;background:var(--gv-teal)}
.gv-rcard p{margin:0 0 14px;font-size:13.5px;color:var(--gv-mut);flex:1 1 auto}
.gv-rcard-go{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--gv-mono);font-size:11.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gv-blue);
}

/* ---------- 9. Products ---------- */
.gv-prodgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gv-pcard{
  display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);
  border:1px solid var(--gv-line);background:var(--gv-white);min-width:0;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.gv-pcard:hover{border-color:var(--gv-blue);box-shadow:var(--gv-shadow-sm)}
.gv-pcard-media{position:relative;min-width:0;background:var(--gv-paper-2);overflow:hidden}
.gv-pcard-media img{width:100%;height:100%;min-height:190px;object-fit:cover}
.gv-pcard-cat{position:absolute;left:10px;top:10px;background:rgba(14,26,35,.86);color:#dce7ee;border-color:transparent}
.gv-pcard-add{
  position:absolute;right:10px;bottom:10px;width:38px;height:38px;display:inline-flex;
  align-items:center;justify-content:center;border:0;background:var(--gv-teal);color:#fff;
  cursor:pointer;flex:0 0 auto;
}
.gv-pcard-add:hover{background:var(--gv-teal-d)}
.gv-pcard-body{display:flex;flex-direction:column;padding:18px 20px;min-width:0}
.gv-pcard-body h3{font-size:16px;margin:0 0 9px}
.gv-pcard-body p{margin:0 0 14px;font-size:13.5px;color:var(--gv-mut);flex:0 0 auto}
.gv-pcard-spec{
  display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:14px;padding:10px 0;
  border-top:1px solid var(--gv-line-2);border-bottom:1px solid var(--gv-line-2);
  font-family:var(--gv-mono);font-size:11.5px;color:var(--gv-slate);
}
.gv-pcard-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.gv-pcard-foot>a{font-family:var(--gv-head);font-size:13px;font-weight:700;color:var(--gv-blue)}
.gv-pcard-foot button{
  display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--gv-line);
  background:var(--gv-white);color:var(--gv-ink);font-size:12.5px;cursor:pointer;flex:0 0 auto;
}
.gv-pcard-foot button:hover{border-color:var(--gv-teal);color:var(--gv-teal-d)}

.gv-empty{
  text-align:center;padding:46px 22px;border:1px dashed var(--gv-line);background:var(--gv-paper-2);
}
.gv-empty>i{font-size:26px;color:var(--gv-slate);display:block;margin-bottom:12px}
.gv-empty strong{display:block;font-family:var(--gv-head);font-size:17px;color:var(--gv-ink);margin-bottom:8px}
.gv-empty p{color:var(--gv-mut);max-width:56ch;margin:0 auto 16px}
.gv-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.gv-empty .gv-actions{margin-top:6px}

/* ---------- 10. Application matrix ---------- */
.gv-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--gv-line);border:1px solid var(--gv-line)}
.gv-mzone{background:var(--gv-white);padding:22px 20px;min-width:0}
.gv-mzone-art{
  height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;
  background:var(--gv-paper-2);border:1px solid var(--gv-line-2);
}
.gv-mzone-art img{max-height:72px;width:auto;object-fit:contain}
.gv-mzone-art i{font-size:30px;color:var(--gv-blue)}
.gv-mzone h3{font-size:15.5px;margin:0 0 8px}
.gv-mzone p{margin:0;font-size:13.5px;color:var(--gv-mut)}
.gv-diagram{width:100%;height:auto;border:1px solid var(--gv-line);background:var(--gv-white);margin-bottom:24px}
.gv-sec-ink .gv-diagram{border-color:var(--gv-line-d)}

/* ---------- 11. Engineering rail ---------- */
.gv-erail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--gv-line-d)}
.gv-estep{padding:24px 20px;border-right:1px solid var(--gv-line-d);min-width:0}
.gv-estep:last-child{border-right:0}
.gv-estep .gv-num{display:inline-block;margin:0 9px 0 0;color:var(--gv-teal);vertical-align:middle}
.gv-estep h3{display:inline;font-size:15.5px;margin:0}
.gv-estep p{margin:0;font-size:13.5px;color:#a9c6d6}
.gv-estep .gv-dotted{height:1px;margin:14px 0;background-image:linear-gradient(90deg,var(--gv-line-d) 50%,transparent 0);background-size:8px 1px}

.gv-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gv-stage{border:1px solid var(--gv-line);background:var(--gv-white);min-width:0}
.gv-stage figure{margin:0;background:var(--gv-paper-2);border-bottom:1px solid var(--gv-line)}
.gv-stage figure img{width:100%;aspect-ratio:8/5;object-fit:cover}
.gv-stage-body{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;padding:18px 20px}
.gv-stage-body .gv-tag{margin:0}
.gv-stage-body h3{font-size:16px;margin:0}
.gv-stage-body p{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.6;color:var(--gv-mut)}

/* ---------- 12. Documents ---------- */
.gv-docs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gv-doc{border:1px solid var(--gv-line);background:var(--gv-white);min-width:0}
.gv-doc figure{margin:0;background:var(--gv-paper-2);border-bottom:1px solid var(--gv-line);padding:16px}
.gv-doc figure img{width:100%;aspect-ratio:3/4;object-fit:contain}
.gv-doc-body{display:flex;gap:12px;padding:16px 18px;align-items:flex-start}
.gv-doc-body h3{font-size:14.5px;margin:0 0 5px}
.gv-doc-body time{font-family:var(--gv-mono);font-size:11.5px;color:var(--gv-mut-2)}
.gv-docchips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--gv-line-d)}
.gv-docchip{
  display:flex;gap:14px;align-items:center;padding:16px 18px;background:rgba(255,255,255,.04);
  min-width:0;
}
.gv-docchip-thumb{width:54px;height:72px;object-fit:contain;background:rgba(255,255,255,.9);flex:0 0 auto}
.gv-docchip>i{font-size:24px;color:var(--gv-teal);flex:0 0 auto}
.gv-docchip span{display:flex;flex-direction:column;gap:4px;min-width:0}
.gv-docchip a{color:#e6eef3;font-size:14.5px;font-weight:600}
.gv-docchip a:hover{color:var(--gv-teal)}
.gv-docchip time{font-family:var(--gv-mono);font-size:11px;color:#8fa4b1}
/* document cover: preview plate on the left, caption block on the right */
.gv-cover{
  display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:stretch;
  border:1px solid var(--gv-line);background:var(--gv-white);min-width:0;
}
.gv-cover>*{min-width:0}
.gv-cover figure{margin:0;background:var(--gv-paper-2);border-right:1px solid var(--gv-line);padding:20px}
.gv-cover figure img{width:100%;aspect-ratio:4/5;object-fit:contain}
.gv-cover-body{padding:26px 24px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.gv-cover-body b{font-family:var(--gv-head);font-size:19px;color:var(--gv-ink);line-height:1.25}
.gv-cover-body span{font-size:13.5px;color:var(--gv-mut)}
.gv-cover-body .gv-cover-rule{width:56px;height:2px;background:var(--gv-teal);display:block}

/* ---------- 13. Solutions ---------- */
.gv-sol-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gv-sol-row{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);border:1px solid var(--gv-line);background:var(--gv-white);min-width:0}
.gv-sol-row figure{margin:0;background:var(--gv-paper-2);border-right:1px solid var(--gv-line);min-width:0}
.gv-sol-row figure img{width:100%;height:100%;min-height:200px;object-fit:cover}
.gv-sol-row-body{padding:20px;min-width:0}
.gv-sol-row-body .gv-tag{margin-bottom:10px}
.gv-sol-row-body h3{font-size:16px;margin:0 0 9px}
.gv-sol-row-body p{margin:0 0 14px;font-size:13.5px;color:var(--gv-mut)}

/* ---------- 14. FAQ ---------- */
.gv-faq{border-top:1px solid var(--gv-line)}
.gv-faq details{border-bottom:1px solid var(--gv-line)}
.gv-faq summary{
  display:flex;align-items:flex-start;gap:16px;padding:17px 4px;cursor:pointer;
  font-family:var(--gv-head);font-size:15.5px;font-weight:700;color:var(--gv-ink);
  list-style:none;
}
.gv-faq summary::-webkit-details-marker{display:none}
.gv-faq summary:hover{color:var(--gv-blue)}
.gv-faq summary .gv-num{flex:0 0 auto;min-width:26px}
.gv-faq summary::after{content:"+";margin-left:auto;font-family:var(--gv-mono);color:var(--gv-slate);flex:0 0 auto}
.gv-faq details[open] summary::after{content:"\2013"}
.gv-faq-a{padding:0 4px 20px 42px;color:var(--gv-mut);font-size:14.5px}
.gv-faq-a>*:last-child{margin-bottom:0}
.gv-faq-search{
  display:flex;align-items:center;gap:12px;margin-top:22px;max-width:520px;padding:0 16px;
  border:1px solid var(--gv-line-d);background:rgba(255,255,255,.06);
}
.gv-faq-search i{color:var(--gv-teal);flex:0 0 auto}
.gv-faq-search input{
  flex:1 1 auto;min-width:0;padding:13px 0;border:0;background:transparent;color:#fff;
  font-size:14.5px;
}
.gv-faq-search input::placeholder{color:#8fa4b1}
.gv-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}

/* ---------- 15. Journal / article lists ---------- */
.gv-jlist{display:grid;grid-template-columns:1fr;gap:18px}
.gv-jfeature{
  display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);border:1px solid var(--gv-line);
  background:var(--gv-white);min-width:0;overflow:hidden;transition:border-color .2s ease;
}
.gv-jfeature:hover{border-color:var(--gv-blue)}
.gv-jfeature figure{
  margin:0;background:var(--gv-paper-2);border-right:1px solid var(--gv-line);
  min-width:0;overflow:hidden;position:relative;min-height:270px;
}
.gv-jfeature figure a{position:absolute;inset:0;display:block}
.gv-jfeature figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gv-jfeature:hover figure img{transform:scale(1.03)}
.gv-jfeature-body{display:flex;flex-direction:column;justify-content:center;padding:34px;min-width:0}
.gv-jfeature-body h3{font-size:22px;line-height:1.28;margin:0 0 14px}
.gv-jfeature-body h3 a:hover{color:var(--gv-blue)}
.gv-jfeature-body p{margin:0 0 20px;font-size:14.5px;line-height:1.7;color:var(--gv-mut)}
.gv-jrow{
  display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:20px;align-items:center;
  padding:16px 0;border-bottom:1px solid var(--gv-line);min-width:0;
}
.gv-jrow figure{margin:0;min-width:0;overflow:hidden}
.gv-jrow figure img{
  width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--gv-paper-2);
  transition:transform .4s ease;
}
.gv-jrow:hover figure img{transform:scale(1.04)}
.gv-jrow h3{font-size:16px;margin:6px 0 0}
.gv-jrow h3 a:hover{color:var(--gv-blue)}
.gv-jrow p{margin:8px 0 0;font-size:13.5px;line-height:1.6;color:var(--gv-mut)}
.gv-jrow>div{min-width:0}
.gv-jrow-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:var(--gv-mono);font-size:11.5px;color:var(--gv-mut-2);text-transform:uppercase;letter-spacing:.06em}
.gv-jrow-meta b{color:var(--gv-blue);font-weight:600}
.gv-jlist .gv-jrow:last-child{border-bottom:0}

/* ---------- 16. Closing band ---------- */
.gv-cta-band{background:var(--gv-ink);color:#dce7ee;border-top:3px solid var(--gv-copper)}
.gv-cta-band-in{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:48px 0;flex-wrap:wrap}
.gv-cta-band h2{color:#fff;margin-bottom:10px}
.gv-cta-band p{margin:0;color:#a9c6d6;max-width:66ch}
.gv-cta-actions{display:flex;flex-wrap:wrap;gap:12px;flex:0 0 auto}

/* ---------- 17. Footer, modal, forms ---------- */
.gv-prefoot{background:var(--gv-steel);color:#dce7ee}
.gv-prefoot-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;align-items:center;padding:34px 0}
.gv-prefoot h3{color:#fff;font-size:19px;margin-bottom:8px}
.gv-prefoot p{margin:0;color:#bfd3de;font-size:14px}
.gv-prefoot-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.gv-footer{background:var(--gv-ink);color:#c3d5df}
.gv-foot-grid{
  display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,.85fr));gap:34px;
  padding:54px 0 40px;border-bottom:1px solid var(--gv-line-d);
}
.gv-foot-brand{min-width:0}
.gv-foot-brand img{
  max-height:44px;width:auto;margin-bottom:16px;
  /* The mark is drawn for the white header. On the graphite footer it is
     inverted and the hue is rotated back, so the dark wordmark reads as
     near-white and the teal accents stay teal, while the logo path stays the
     dynamic web_logo setting and keeps changing with the back office. */
  filter:invert(1) hue-rotate(180deg);
}
.gv-foot-brand p{font-size:13.5px;color:#9fb6c4;max-width:40ch}
.gv-foot-contact{margin-top:18px;display:flex;flex-direction:column;gap:12px}
.gv-foot-contact li{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;min-width:0}
.gv-foot-contact i{color:var(--gv-teal);width:18px;flex:0 0 auto;margin-top:3px}
.gv-foot-contact span{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.gv-foot-contact small{font-family:var(--gv-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#7e95a3}
.gv-foot-contact a:hover{color:var(--gv-teal)}
.gv-foot-col h4{
  font-family:var(--gv-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:#7e95a3;font-weight:600;margin-bottom:16px;
}
.gv-foot-col ul{display:flex;flex-direction:column;gap:9px}
.gv-foot-col li a{font-size:13.5px;color:#c3d5df}
.gv-foot-col li a:hover{color:var(--gv-teal)}
.gv-subform{display:flex;flex-wrap:wrap;gap:0;margin:16px 0 10px;border:1px solid var(--gv-line-d)}
.gv-subform input{
  flex:1 1 150px;min-width:0;padding:12px 14px;border:0;background:rgba(255,255,255,.05);
  color:#fff;font-size:13.5px;
}
.gv-subform input::placeholder{color:#7e95a3}
.gv-subform button{
  flex:0 0 auto;padding:12px 18px;border:0;background:var(--gv-teal);color:#fff;cursor:pointer;
  font-family:var(--gv-head);font-size:12.5px;font-weight:700;
}
.gv-subform button:hover{background:var(--gv-teal-d)}
.gv-subform-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#7e95a3;margin:0}
.gv-subform-note i{color:var(--gv-teal)}
.gv-foot-bar{background:#0a141b}
.gv-foot-bar-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;flex-wrap:wrap}
.gv-copy{font-size:12.5px;color:#7e95a3}
.gv-foot-chips{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.gv-foot-chips a{font-size:12.5px;color:#9fb6c4;display:inline-flex;align-items:center;gap:6px}
.gv-foot-chips a:hover{color:var(--gv-teal)}
.gv-foot-chips a.on{color:var(--gv-teal)}
.gv-foot-chips i{color:var(--gv-teal)}

.gv-modal{position:fixed;inset:0;z-index:180;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(10,20,27,.72)}
.gv-modal.on{display:flex}
.gv-modal-box{
  width:min(920px,100%);max-height:88vh;overflow:auto;background:var(--gv-white);
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);position:relative;
}
.gv-modal-close{
  position:absolute;top:10px;right:10px;width:38px;height:38px;border:1px solid var(--gv-line);
  background:var(--gv-white);cursor:pointer;z-index:2;
}
.gv-modal-close:hover{border-color:var(--gv-blue);color:var(--gv-blue)}
.gv-modal-side{background:var(--gv-ink);color:#c3d5df;padding:34px 28px;min-width:0}
.gv-modal-side h3{color:#fff;font-size:22px;margin-bottom:12px}
.gv-modal-side p{font-size:14px;color:#a9c6d6}
.gv-modal-list{display:flex;flex-direction:column;gap:11px;margin-top:20px}
.gv-modal-list li{display:flex;gap:11px;align-items:flex-start;font-size:13.5px}
.gv-modal-list i{color:var(--gv-teal);margin-top:4px;flex:0 0 auto}
.gv-modal-body{padding:34px 30px;min-width:0}

.gv-form{display:flex;flex-direction:column;gap:12px}
.gv-form-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gv-form-row{display:block}
.gv-form input[type=text],.gv-form input[type=email],.gv-form input[type=number],.gv-form textarea,.gv-form select{
  width:100%;padding:12px 14px;border:1px solid var(--gv-line);background:var(--gv-white);
  font-size:14px;min-width:0;
}
.gv-form textarea{resize:vertical}
.gv-form input:focus,.gv-form textarea:focus{border-color:var(--gv-blue);outline:none}
.gv-form label{display:block;font-family:var(--gv-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gv-slate);margin-bottom:6px}
.gv-form-vertify{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.gv-form-vertify input{flex:1 1 150px;min-width:0}
.gv-captcha{flex:0 0 auto;height:44px;width:auto}
.gv-form-note{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--gv-mut);margin:12px 0 0}
.gv-form-note i{color:var(--gv-slate);margin-top:4px;flex:0 0 auto}
.gv-form-note a{color:var(--gv-blue)}
.gv-modal-side .gv-form-note a{color:#fff}

.gv-toast{
  position:fixed;bottom:96px;left:50%;transform:translate(-50%,14px);z-index:190;
  display:flex;gap:12px;align-items:flex-start;padding:14px 18px;background:var(--gv-ink);
  color:#fff;box-shadow:var(--gv-shadow);opacity:0;transition:opacity .3s ease,transform .3s ease;
  max-width:calc(100vw - 40px);
}
.gv-toast.on{opacity:1;transform:translate(-50%,0)}
.gv-toast i{color:var(--gv-teal);margin-top:3px}
.gv-toast strong{display:block;font-size:14px}
.gv-toast a{display:inline-block;margin-top:5px;font-size:12.5px;color:var(--gv-teal)}
.success-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(10,20,27,.72);padding:24px}
.success-box{background:#fff;padding:38px 32px;text-align:center;max-width:420px}
.success-icon{font-size:40px;color:var(--gv-teal);margin-bottom:16px}
.success-box h3{margin-bottom:10px}
.success-box p{color:var(--gv-mut);margin-bottom:20px}

/* ---------- 18. Page head, crumb, chips, toolbar ---------- */
.gv-ph{background:var(--gv-ink);color:#dce7ee;padding:44px 0 40px;position:relative;overflow:hidden}
.gv-ph::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:var(--gv-grid) var(--gv-grid);
}
.gv-ph-in{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.gv-ph h1{color:#fff;margin-bottom:12px}
.gv-ph .gv-lead{margin-bottom:0}
.gv-ph-side{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto}
.gv-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--gv-mono);font-size:11.5px;letter-spacing:.05em;color:#8fa4b1;margin-bottom:20px}
.gv-crumb a{color:#a9c6d6}
.gv-crumb a:hover{color:#fff}
.gv-crumb span{color:#7e95a3}
.gv-crumb i{font-size:9px}

.gv-chipbar{
  display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:26px;
  border-bottom:1px solid var(--gv-line);-webkit-overflow-scrolling:touch;
}
.gv-chipbar::-webkit-scrollbar{height:6px}
.gv-chipbar::-webkit-scrollbar-thumb{background:var(--gv-line)}
.gv-chipbar a{
  flex:0 0 auto;padding:8px 14px;border:1px solid var(--gv-line);background:var(--gv-white);
  font-family:var(--gv-mono);font-size:11.5px;letter-spacing:.05em;color:var(--gv-slate);
  white-space:nowrap;
}
.gv-chipbar a:hover{border-color:var(--gv-blue);color:var(--gv-blue)}
.gv-chipbar a.on{background:var(--gv-ink);border-color:var(--gv-ink);color:#fff}
.gv-chipbar.is-scrollable{cursor:grab}
.gv-chipbar.dragging{cursor:grabbing}

.gv-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:14px 0;margin-bottom:24px;border-top:1px solid var(--gv-line);border-bottom:1px solid var(--gv-line);
}
.gv-toolbar p{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:13.5px;color:var(--gv-mut);max-width:70ch}
.gv-toolbar i{color:var(--gv-blue);margin-top:4px;flex:0 0 auto}
.gv-toolbar-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ---------- 19. Split, side cards, facts, values, timeline ---------- */
.gv-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:44px;align-items:start}
.gv-split-rev{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:44px;align-items:start}
.gv-split>*,.gv-split-rev>*{min-width:0}
.gv-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.gv-side-card{border:1px solid var(--gv-line);background:var(--gv-white);padding:22px 22px}
.gv-side-card h3{font-size:16px;margin-bottom:12px}
.gv-side-card p{font-size:13.5px;color:var(--gv-mut)}
.gv-side-card.dark{background:var(--gv-ink);color:#c3d5df;border-color:var(--gv-ink)}
.gv-side-card.dark h3{color:#fff}
.gv-side-card.dark p{color:#a9c6d6}
.gv-side-card.dark .gv-form-note{color:#a9c6d6}
.gv-side-card.dark .gv-form-note i{color:var(--gv-teal)}
.gv-side-card.dark .gv-form-note a{color:#fff}
.gv-side-list{display:flex;flex-direction:column;gap:2px}
.gv-side-list li a{
  display:flex;align-items:center;gap:9px;padding:8px 0;font-size:13.5px;color:var(--gv-txt);
  border-bottom:1px solid var(--gv-line-2);
}
.gv-side-list li:last-child a{border-bottom:0}
.gv-side-list li a i{font-size:9px;color:var(--gv-mut-2)}
.gv-side-list li a:hover{color:var(--gv-blue)}
.gv-side-list li.on a{color:var(--gv-teal-d)}
.gv-side-prods{display:flex;flex-direction:column;gap:10px}
.gv-side-prods a{display:flex;gap:12px;align-items:center;min-width:0}
.gv-side-prods figure{margin:0;flex:0 0 auto}
.gv-side-prods img{width:58px;height:58px;object-fit:cover;background:var(--gv-paper-2)}
.gv-side-prods span{font-size:13.5px;min-width:0;overflow-wrap:anywhere}
.gv-side-empty{margin:0;font-size:13.5px}
.gv-side-prods+.gv-side-empty{margin-top:10px}

.gv-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--gv-line);border:1px solid var(--gv-line)}
.gv-fact{background:var(--gv-white);padding:22px 20px;min-width:0}
.gv-fact i{font-size:17px;color:var(--gv-blue);display:inline-block;vertical-align:-0.15em;margin-right:7px}
.gv-fact b{display:inline;font-family:var(--gv-head);font-size:15px;color:var(--gv-ink)}
.gv-fact span{display:block;margin-top:8px;font-size:13.5px;color:var(--gv-mut)}
.gv-sec-ink .gv-facts{background:var(--gv-line-d);border-color:var(--gv-line-d)}
.gv-sec-ink .gv-fact{background:rgba(255,255,255,.04)}
.gv-sec-ink .gv-fact b{color:#fff}
.gv-sec-ink .gv-fact span{color:#a9c6d6}
.gv-sec-ink .gv-fact i{color:var(--gv-teal)}

.gv-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.gv-check{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--gv-line);padding:18px 20px;background:var(--gv-white);min-width:0}
.gv-check h3{font-size:15px;margin:0 0 6px}
.gv-check p{margin:0;font-size:13.5px;color:var(--gv-mut)}
.gv-tile-ico{
  width:36px;height:36px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  background:var(--gv-paper);color:var(--gv-blue);font-size:14px;
}
.gv-tile-ico.vi{background:rgba(15,143,134,.12);color:var(--gv-teal-d)}
.gv-tile-ico.or{background:rgba(185,106,61,.14);color:var(--gv-copper)}
.gv-tile-ico.ink{background:var(--gv-ink);color:var(--gv-teal)}
.gv-tile-ico.sm{width:30px;height:30px;font-size:12px}

.gv-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gv-value{
  border:1px solid var(--gv-line);padding:22px 20px;background:var(--gv-white);min-width:0;
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;
}
.gv-value h3{font-size:16px;margin:0}
.gv-value p{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.6;color:var(--gv-mut)}

.gv-timeline{display:flex;flex-direction:column;gap:0;margin-top:24px;border-top:1px solid var(--gv-line)}
.gv-tl{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--gv-line);min-width:0}
.gv-tl h3{font-size:15.5px;margin:0 0 6px}
.gv-tl p{margin:0;font-size:13.5px;color:var(--gv-mut)}

/* ---------- 19b. Reviews (product comments) ---------- */
.gv-rev{border:1px solid var(--gv-line);background:var(--gv-white);padding:26px 24px;min-width:0}
.gv-rev-head h3{font-size:18px;display:flex;align-items:center;gap:10px;margin:0}
.gv-rev-head i{color:var(--gv-teal)}
.gv-rev-list{display:grid;gap:1px;background:var(--gv-line);border-top:1px solid var(--gv-line);border-bottom:1px solid var(--gv-line);margin:20px 0 22px}
.gv-rev-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;background:var(--gv-white);padding:18px 4px;min-width:0}
.gv-rev-item>*{min-width:0}
.gv-rev-avatar img{width:48px;height:48px;object-fit:cover;background:var(--gv-paper)}
.gv-rev-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--gv-mut)}
.gv-rev-meta strong{color:var(--gv-txt)}
.gv-rev-meta time{font-family:var(--gv-mono);font-size:11.5px;color:var(--gv-mut-2)}
.gv-rev-body p{margin:6px 0 0;font-size:14px;color:var(--gv-mut);overflow-wrap:anywhere}
.gv-stars{display:inline-flex;gap:3px;color:var(--gv-line)}
.gv-stars i.active{color:#f5a623}
.gv-stars-pick a{color:var(--gv-line)}
.gv-stars-pick a i.active{color:#f5a623}
.gv-rev-form{border-top:2px solid var(--gv-line);padding-top:22px}
.gv-rev-rate{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;font-size:14px}
.gv-rev-form .gv-form label{display:block;font-family:var(--gv-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gv-slate);margin-bottom:6px}
.gv-rev-msg{margin:0 0 12px;font-size:13.5px}
.gv-rev-msg.ok{color:#1e8449}
.gv-rev-msg.err{color:#c0392b}
.gv-btn.is-busy{opacity:.7;pointer-events:none}

/* ---------- 20. Legal ---------- */
.gv-legal{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:44px;align-items:start}
.gv-legal>*{min-width:0}
.gv-legal-nav{position:sticky;top:24px;border-left:2px solid var(--gv-line);padding-left:18px;display:flex;flex-direction:column;gap:10px}
.gv-legal-nav h4{font-family:var(--gv-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gv-slate);margin:0 0 6px}
.gv-legal-nav a{font-size:13.5px;color:var(--gv-mut)}
.gv-legal-nav a:hover{color:var(--gv-blue)}

/* ---------- 21. Article ---------- */
.gv-article-head{background:var(--gv-paper);border-bottom:1px solid var(--gv-line);padding:34px 0 30px}
.gv-article-head-in{min-width:0}
.gv-article-head h1{margin-bottom:12px}
.gv-article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,330px);gap:44px;padding:44px 0;align-items:start}
.gv-article>*{min-width:0}
.gv-article-hero{margin:0 0 26px;border:1px solid var(--gv-line);background:var(--gv-paper-2)}
.gv-article-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.gv-article-tags{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0;
  padding:16px 0;border-top:1px solid var(--gv-line);border-bottom:1px solid var(--gv-line);
  font-family:var(--gv-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gv-slate);
}
.gv-share-btn{
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--gv-line);color:var(--gv-ink);flex:0 0 auto;
}
.gv-share-btn:hover{border-color:var(--gv-blue);color:var(--gv-blue)}
.gv-prenext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--gv-line);border:1px solid var(--gv-line);margin-top:8px}
.gv-prenext a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--gv-white);min-width:0}
.gv-prenext a:hover{background:var(--gv-paper-2)}
.gv-prenext small{font-family:var(--gv-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gv-slate)}
.gv-prenext span{font-size:14px;font-weight:600;color:var(--gv-ink)}
.gv-toc{display:flex;flex-direction:column;gap:2px}
.gv-toc a{display:block;padding:7px 0;font-size:13.5px;color:var(--gv-mut);border-bottom:1px solid var(--gv-line-2)}
.gv-toc a.on{color:var(--gv-teal-d);font-weight:600}

/* ---------- 22. Product detail ---------- */
.gv-pd-bar{background:var(--gv-paper);border-bottom:1px solid var(--gv-line);padding:14px 0}
.gv-pd-bar-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.gv-pd-bar .gv-crumb{margin-bottom:0}
.gv-pd{
  display:grid;grid-template-columns:minmax(0,540px) minmax(0,440px);gap:80px;
  justify-content:center;padding:38px 0;align-items:start;
}
.gv-pd>*{min-width:0}
.gv-gallery{min-width:0}
.gv-gal-main{position:relative;margin:0;border:1px solid var(--gv-line);background:var(--gv-paper-2)}
.gv-gal-main img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.gv-gal-zoom{
  position:absolute;right:12px;bottom:12px;width:40px;height:40px;border:1px solid var(--gv-line);
  background:rgba(255,255,255,.92);cursor:pointer;
}
.gv-gal-zoom:hover{border-color:var(--gv-blue);color:var(--gv-blue)}
.gv-gal-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.gv-gal-thumbs button{padding:0;border:1px solid var(--gv-line);background:var(--gv-paper-2);cursor:pointer;flex:0 0 auto}
.gv-gal-thumbs button.on{border-color:var(--gv-blue)}
.gv-gal-thumbs img{width:68px;height:68px;object-fit:cover}
.gv-buybox{border:1px solid var(--gv-line);padding:26px 24px;background:var(--gv-white);min-width:0}
.gv-buybox h1{font-size:clamp(21px,2vw,28px);margin:12px 0 12px}
.gv-buybox-sum{font-size:14px;color:var(--gv-mut)}
.gv-buybox-avail{
  display:inline-flex;align-items:center;gap:9px;padding:8px 12px;margin-bottom:20px;
  background:rgba(15,143,134,.1);color:var(--gv-teal-d);font-family:var(--gv-mono);
  font-size:11.5px;letter-spacing:.06em;
}
.gv-buybox-body{border-top:1px solid var(--gv-line);padding-top:20px}
.gv-buybox-body h3{font-size:16px;margin-bottom:14px}
.gv-buybox-alt{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}
.gv-buybox-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.gv-buybox-list li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--gv-mut)}
.gv-buybox-list i{color:var(--gv-teal);margin-top:4px;flex:0 0 auto}
.gv-buybox-contact{display:flex;flex-wrap:wrap;gap:16px;padding:14px 0;border-top:1px solid var(--gv-line-2);font-size:13px}
.gv-buybox-contact a{display:inline-flex;align-items:center;gap:8px;color:var(--gv-txt)}
.gv-buybox-contact i{color:var(--gv-blue)}
.gv-share{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--gv-line-2);font-family:var(--gv-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gv-slate)}
.gv-share a{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gv-line)}
.gv-share a:hover{border-color:var(--gv-blue);color:var(--gv-blue)}
.gv-pd-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:44px;padding-bottom:54px;align-items:start}
.gv-pd-body>*{min-width:0}
.gv-pd-sec{margin-bottom:38px}
.gv-pd-sec:last-child{margin-bottom:0}
.gv-spec-table{width:100%;border-collapse:collapse;border:1px solid var(--gv-line)}
.gv-spec-table th,.gv-spec-table td{padding:12px 16px;border-bottom:1px solid var(--gv-line);text-align:left;font-size:14px;vertical-align:top}
.gv-spec-table th{width:38%;background:var(--gv-paper);font-family:var(--gv-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gv-slate);font-weight:600}
.gv-spec-table tr:last-child th,.gv-spec-table tr:last-child td{border-bottom:0}
.gv-spec-note{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--gv-mut)}
.gv-spec-note i{color:var(--gv-blue);margin-top:4px}
.gv-related{background:var(--gv-paper);padding:54px 0}
.gv-zoom{position:fixed;inset:0;z-index:190;display:none;align-items:center;justify-content:center;background:rgba(10,20,27,.92);padding:30px}
.gv-zoom.on{display:flex}
.gv-zoom img{max-width:92vw;max-height:88vh;object-fit:contain;cursor:zoom-out}
.gv-zoom button{position:absolute;top:20px;right:22px;width:44px;height:44px;border:1px solid var(--gv-line-d);background:transparent;color:#fff;cursor:pointer}

/* ---------- 23. Inquiry / quote list ---------- */
.gv-qsteps{background:var(--gv-paper);border-bottom:1px solid var(--gv-line)}
.gv-qsteps-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.gv-qstep{display:flex;align-items:center;gap:12px;padding:16px 20px;border-left:1px solid var(--gv-line);font-size:13.5px;color:var(--gv-mut);min-width:0}
.gv-qstep:first-child{border-left:0}
.gv-qstep.on{color:var(--gv-ink);font-weight:600}
.gv-qstep .gv-num{color:var(--gv-mut-2)}
.gv-qstep.on .gv-num{color:var(--gv-teal)}
.gv-quote-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:34px;align-items:start}
.gv-quote-grid>*{min-width:0}
.gv-qtable{width:100%;border-collapse:collapse;border:1px solid var(--gv-line);background:var(--gv-white)}
.gv-qtable th{padding:12px 16px;background:var(--gv-paper);border-bottom:1px solid var(--gv-line);text-align:left;font-family:var(--gv-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gv-slate);font-weight:600}
.gv-qtable td{padding:14px 16px;border-bottom:1px solid var(--gv-line-2);vertical-align:middle}
.gv-qtable tr:last-child td{border-bottom:0}
.gv-qrow-img{width:104px}
.gv-qrow-img img{width:76px;height:76px;object-fit:cover;background:var(--gv-paper-2)}
.gv-noimg{width:76px;height:76px;display:inline-flex;align-items:center;justify-content:center;background:var(--gv-paper-2);color:var(--gv-slate)}
.gv-qrow-title h3{font-size:14.5px;margin:0 0 5px}
.gv-qrow-title small{font-family:var(--gv-mono);font-size:11.5px;color:var(--gv-mut-2)}
.gv-qrow-qty{width:170px}
.gv-qrow-del{width:60px;text-align:right}
.gv-qty{display:inline-flex;align-items:stretch;border:1px solid var(--gv-line)}
.gv-qty button{width:34px;height:38px;border:0;background:var(--gv-paper);cursor:pointer;flex:0 0 auto}
.gv-qty button:hover{background:var(--gv-line-2)}
.gv-qty input{width:56px;height:38px;border:0;border-left:1px solid var(--gv-line);border-right:1px solid var(--gv-line);text-align:center;font-family:var(--gv-mono);font-size:13.5px;-moz-appearance:textfield}
.gv-qty input::-webkit-outer-spin-button,.gv-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.gv-qdel{width:36px;height:36px;border:1px solid var(--gv-line);background:var(--gv-white);color:var(--gv-mut);cursor:pointer}
.gv-qdel:hover{border-color:var(--gv-copper);color:var(--gv-copper)}
.gv-quote-form{border:1px solid var(--gv-line);background:var(--gv-white);padding:24px 22px;position:sticky;top:24px}
.gv-quote-count{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:18px;background:var(--gv-ink);color:#fff;font-family:var(--gv-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.gv-quote-count b{font-size:16px;color:var(--gv-teal)}
.gv-quote-form h3{font-size:17px;margin-bottom:10px}
.gv-quote-form>p{font-size:13.5px;color:var(--gv-mut)}
.gv-quote-more{margin-top:18px}

/* ---------- 24. Search, results, tag cloud ---------- */
.gv-results{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--gv-line)}
.gv-result{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--gv-line);min-width:0}
.gv-result figure{margin:0;min-width:0}
.gv-result figure img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--gv-paper-2)}
.gv-result>div{min-width:0}
.gv-result h3{font-size:16px;margin:8px 0 8px}
.gv-result p{margin:0;font-size:13.5px;color:var(--gv-mut)}
.gv-tagcloud{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- 25. Cookie bar, floats, mobile bar ---------- */
.gv-cookie{
  position:fixed;left:0;right:0;bottom:0;z-index:170;background:var(--gv-ink);color:#c3d5df;
  display:none;border-top:3px solid var(--gv-copper);
}
.gv-cookie.on{display:block}
.gv-cookie-in{display:flex;align-items:center;gap:20px;padding:16px 0;flex-wrap:wrap}
.gv-cookie-copy{flex:1 1 340px;min-width:0;font-size:13.5px}
.gv-cookie-copy strong{display:block;color:#fff;font-family:var(--gv-head);font-size:14.5px;margin-bottom:4px}
.gv-cookie-copy p{margin:0}
.gv-cookie-copy a{color:var(--gv-teal)}
.gv-cookie-actions{display:flex;gap:10px;flex:0 0 auto}
.gv-cookie-accept,.gv-cookie-decline{
  padding:10px 18px;border:1px solid var(--gv-line-d);background:transparent;color:#fff;cursor:pointer;
  font-family:var(--gv-head);font-size:12.5px;font-weight:700;
}
.gv-cookie-accept{background:var(--gv-teal);border-color:var(--gv-teal)}
.gv-cookie-decline:hover{border-color:#fff}
.gv-wa{
  position:fixed;right:16px;bottom:22px;z-index:120;width:50px;height:50px;display:inline-flex;
  align-items:center;justify-content:center;background:#25d366;color:#fff;font-size:23px;
  box-shadow:var(--gv-shadow-sm);
}
.gv-totop{
  position:fixed;right:16px;bottom:82px;z-index:120;width:50px;height:50px;display:none;
  align-items:center;justify-content:center;border:1px solid var(--gv-line);background:var(--gv-white);
  color:var(--gv-ink);cursor:pointer;font-size:20px;
}
.gv-totop.show{display:inline-flex}
.gv-mobar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:130;gap:1px;background:var(--gv-line-d)}
.gv-mobar .gv-btn{flex:1 1 50%;border-radius:0}

/* ---------- 26. Pagination (CMS core output) ---------- */
.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:34px 0 0}
.pagination span{display:inline-flex}
.pagination a{
  display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;
  padding:0 12px;border:1px solid var(--gv-line);background:var(--gv-white);
  font-family:var(--gv-mono);font-size:13px;color:var(--gv-txt);
}
.pagination a:hover{border-color:var(--gv-blue);color:var(--gv-blue)}
.pagination span.active a{border-color:var(--gv-blue);background:var(--gv-blue);color:#fff}
.pagination i.iconfont{font-style:normal;line-height:1}
.pagination i.icon-arrow5::before{content:"\2039";font-size:18px}
.pagination i.icon-arrow6::before{content:"\203A";font-size:18px}
.pagination a:focus-visible{outline:2px solid var(--gv-teal);outline-offset:2px}
.pagination .gv-disabled,.pagination span.disabled{opacity:.4}

/* ---------- 27. Rich-text content ---------- */
.detail-content{min-width:0;font-size:15.5px;color:var(--gv-txt)}
.detail-content>*:first-child{margin-top:0}
.detail-content h2{font-size:23px;margin:32px 0 12px}
.detail-content h3{font-size:18px;margin:26px 0 10px}
.detail-content h4{font-size:16px;margin:22px 0 8px}
.detail-content p{margin:0 0 14px}
.detail-content ul,.detail-content ol{margin:0 0 16px;padding-left:20px}
.detail-content ul{list-style:square}
.detail-content ol{list-style:decimal}
.detail-content li{margin-bottom:8px}
.detail-content strong{color:var(--gv-ink)}
.detail-content a{color:var(--gv-blue);text-decoration:underline}
.detail-content img{border:1px solid var(--gv-line-2);margin:16px 0}
.detail-content blockquote{
  margin:20px 0;padding:16px 20px;border-left:3px solid var(--gv-teal);background:var(--gv-paper-2);
}
.detail-content blockquote p:last-child{margin-bottom:0}

/* Rich-text tables: scrollable wrapper + phone card stacking (three-part rule) */
.detail-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;border:1px solid var(--gv-line);margin:20px 0}
.detail-content table th,.detail-content table td{padding:11px 14px;border-bottom:1px solid var(--gv-line);text-align:left;font-size:14px;vertical-align:top}
.detail-content table th{background:var(--gv-paper);font-family:var(--gv-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--gv-slate)}
.tablewrap-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}
.tablewrap-scroll table{margin:0}
.gv-swipehint{display:none;align-items:center;gap:8px;margin:8px 0 0;font-family:var(--gv-mono);font-size:11.5px;color:var(--gv-slate)}
.tablewrap-scroll.is-scrollable+.gv-swipehint{display:flex}

/* min-width:0 on every column child that can hold rich text (wide tables) */
.gv-split>*,.gv-split-rev>*,.gv-pd>*,.gv-pd-body>*,.gv-pd-body>div>*,.gv-article>*,.gv-article>div>*,
.gv-legal>*,.gv-quote-grid>*,.gv-faqpage>*,.gv-contactsplit>*,.gv-catalogsplit>*,
.gv-about-cols>*,.gv-sol-row>*,.gv-pcard>*,.gv-jfeature>*,.gv-jrow>*,.gv-result>*,
.gv-flow-step>div,.gv-qstep,.gv-mzone,.gv-check>div,.gv-detail>*,.detail-content{min-width:0}

/* ---------- 28. Responsive ---------- */
@media (max-width:1240px){
  .gv-idx>li>a{padding:7px 9px;font-size:12px}
  .gv-strip-mid{display:none}
}
@media (max-width:1120px){
  .gv-nav{position:fixed;inset:0;z-index:150;display:none;flex-direction:column;justify-content:flex-start;
    background:var(--gv-ink);overflow-y:auto;padding:0}
  .gv-nav.open{display:flex}
  .gv-nav-mobile{
    display:flex;align-items:center;justify-content:space-between;padding:18px 20px;
    border-bottom:1px solid var(--gv-line-d);color:#fff;font-family:var(--gv-mono);
    font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  }
  .gv-nav-close{width:40px;height:40px;border:1px solid var(--gv-line-d);background:transparent;color:#fff;cursor:pointer;flex:0 0 auto}
  .gv-idx{display:block;padding:10px 20px 0;counter-reset:gvnav}
  .gv-idx>li{display:block;border-left:0;border-bottom:1px solid var(--gv-line-d)}
  .gv-idx>li>a{display:flex;align-items:center;gap:12px;width:100%;padding:15px 4px;color:#fff;font-size:16px}
  .gv-idx>li>a::before{color:var(--gv-teal)}
  .gv-idx>li>a:hover{color:var(--gv-teal)}
  .gv-idx>li>a i{display:none}
  .gv-nav-tgl{
    display:inline-flex;width:40px;height:40px;border:1px solid var(--gv-line-d);color:#fff;
    flex:0 0 auto;
  }
  .gv-idx>li{display:flex;flex-wrap:wrap;align-items:center}
  .gv-idx>li>a{flex:1 1 auto;min-width:0;width:auto}
  .gv-nav-sub,.gv-nav-sub2{display:none;flex:1 0 100%;padding:0 0 10px 34px}
  .gv-idx>li.open>.gv-nav-sub,.gv-nav-sub>li.open>.gv-nav-sub2{display:block}
  .gv-nav-sub>li{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
  .gv-nav-sub a,.gv-nav-sub2 a{display:block;padding:12px 0;color:#c3d5df;font-size:14.5px;flex:1 1 auto}
  .gv-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--gv-line-d);margin:18px 20px 0}
  .gv-nav-grid a{display:flex;align-items:center;gap:10px;padding:14px;background:rgba(255,255,255,.04);color:#dce7ee;font-size:14px;min-width:0}
  .gv-nav-cta{display:block;padding:18px 20px 0}
  .gv-nav-contact{display:flex;flex-direction:column;gap:12px;padding:18px 20px 30px}
  .gv-nav-contact a{display:flex;align-items:center;gap:10px;color:#c3d5df;font-size:14px;overflow-wrap:anywhere}
  .gv-nav-contact i{color:var(--gv-teal);flex:0 0 auto}
  .gv-burger{display:inline-flex}
  .gv-hero-in{grid-template-columns:1fr;gap:30px}
  .gv-hero-art-img img{object-position:center}
  .gv-specband-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gv-spec-col:nth-child(odd){border-left:0}
  .gv-spec-col:nth-child(n+3){border-top:1px solid var(--gv-line)}
  .gv-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gv-erail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gv-estep{border-bottom:1px solid var(--gv-line-d)}
  .gv-docchips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gv-docs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gv-prodgrid{grid-template-columns:1fr}
  .gv-sol-rows{grid-template-columns:1fr}
  .gv-split,.gv-split-rev,.gv-pd-body,.gv-article,.gv-legal,.gv-quote-grid,.gv-pd{grid-template-columns:1fr;gap:30px}
  .gv-legal-nav,.gv-quote-form{position:static}
  .gv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gv-values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gv-checklist{grid-template-columns:1fr}
  .gv-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .gv-stages{grid-template-columns:1fr}
  .gv-jfeature{grid-template-columns:1fr}
  .gv-jfeature figure{border-right:0;border-bottom:1px solid var(--gv-line);min-height:240px}
  .gv-modal-box{grid-template-columns:1fr}
}
@media (max-width:900px){
  .gv-sec{padding:48px 0}
  .gv-wrap{width:auto;margin:0 20px}
  .gv-head-row{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:26px}
  .gv-hero-in{padding:44px 0 40px}
  .gv-specband-in{grid-template-columns:1fr}
  .gv-spec-col{border-left:0;border-top:1px solid var(--gv-line)}
  .gv-spec-col:first-child{border-top:0}
  .gv-matrix{grid-template-columns:1fr}
  .gv-erail{grid-template-columns:1fr}
  .gv-estep{border-right:0}
  .gv-docs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gv-docchips{grid-template-columns:1fr}
  .gv-cover{grid-template-columns:1fr}
  .gv-cover figure{border-right:0;border-bottom:1px solid var(--gv-line)}
  .gv-cover figure img{aspect-ratio:16/9}
  .gv-facts{grid-template-columns:1fr}
  .gv-values{grid-template-columns:1fr}
  .gv-foot-grid{grid-template-columns:1fr}
  .gv-cta-band-in{flex-direction:column;align-items:flex-start;padding:38px 0}
  .gv-prefoot-in{grid-template-columns:1fr;gap:20px}
  .gv-prefoot-actions{justify-content:flex-start}
  .gv-pcard{grid-template-columns:1fr}
  .gv-pcard-media img{min-height:220px;aspect-ratio:3/2}
  .gv-sol-row{grid-template-columns:1fr}
  .gv-sol-row figure{border-right:0;border-bottom:1px solid var(--gv-line)}
  .gv-sol-row figure img{min-height:200px;aspect-ratio:3/2}
  .gv-jrow{grid-template-columns:130px minmax(0,1fr);gap:16px}
  .gv-jrow>.gv-more{grid-column:1/-1;justify-self:start}
  .gv-result{grid-template-columns:104px minmax(0,1fr);gap:16px}
  .gv-prenext{grid-template-columns:1fr}
  .gv-faq-grid{grid-template-columns:1fr;gap:0}
  .gv-qsteps-in{grid-template-columns:1fr}
  .gv-qstep{border-left:0;border-top:1px solid var(--gv-line)}
  .gv-qstep:first-child{border-top:0}
  .gv-strip-right{gap:12px}
  .gv-strip-link{display:none}
  .gv-rail{grid-auto-columns:minmax(240px,80%)}
}
@media (max-width:600px){
  .gv-wrap{width:auto;margin:0 16px}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .gv-mobar{display:flex;padding-bottom:calc(0px + env(safe-area-inset-bottom))}
  .gv-wa{bottom:132px;right:14px}
  .gv-totop{bottom:192px;right:14px}
  .gv-cookie-in{padding:14px 0}
  .gv-strip-k{display:none}
  .gv-strip-block{flex:1 1 auto;min-width:0}
  .gv-strip-v{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .gv-strip-in{gap:12px}
  .gv-cookie-actions{width:100%}
  .gv-cookie-accept,.gv-cookie-decline{flex:1 1 0}
  .gv-hero-actions .gv-btn,.gv-cta-actions .gv-btn,.gv-ph-side .gv-btn{width:100%}
  .gv-ph-side{flex:1 1 100%;width:100%}
  .gv-cta-actions{width:100%}
  .gv-form-2{grid-template-columns:1fr}
  .gv-docs{grid-template-columns:1fr}
  .gv-jrow{grid-template-columns:1fr}
  .gv-jrow figure img{aspect-ratio:16/9}
  .gv-result{grid-template-columns:1fr}
  .gv-result figure img{aspect-ratio:16/9}
  .gv-article-tags{gap:8px}
  .gv-pd-bar-in{flex-direction:column;align-items:flex-start}
  .gv-qtable,.gv-qtable tbody,.gv-qtable tr,.gv-qtable td{display:block;width:auto}
  .gv-qtable thead{display:none}
  .gv-qtable tr{border-bottom:1px solid var(--gv-line);padding:14px 16px}
  .gv-qtable td{border:0;padding:0}
  .gv-qrow-img{width:auto}
  .gv-qtable tr{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:center}
  .gv-qrow-img{grid-column:1;grid-row:1/3}
  .gv-qrow-img img,.gv-noimg{width:70px;height:70px}
  .gv-qrow-title{grid-column:2/4;grid-row:1}
  .gv-qrow-qty{grid-column:2;grid-row:2}
  .gv-qrow-del{grid-column:3;grid-row:2;justify-self:end;align-self:center;width:auto}
  .gv-qty input{width:48px}
  .gv-faq-a{padding-left:0}
  .gv-rev{padding:20px 16px}
  .gv-rev-item{grid-template-columns:1fr}
  .gv-faq summary{gap:12px;font-size:15px}
  .gv-toast{bottom:84px}
  .gv-modal{padding:12px}
  .gv-modal-box{max-height:92vh}
  .gv-modal-side,.gv-modal-body{padding:24px 20px}
  .gv-bar-in{flex-wrap:wrap;gap:12px;padding:12px 0}
  .gv-brand{flex:1 1 100%}
  .gv-brand img{max-height:46px}
  .gv-brand-mark{width:40px;height:40px;font-size:17px}
  .gv-brand-name{font-size:17px}
  .gv-actions{flex:1 1 100%;justify-content:space-between}
  .gv-tool-btn,.gv-burger{width:40px;height:40px}
  .gv-nav-grid{grid-template-columns:1fr}
  .gv-legal-nav{position:static;border-left:0;border-top:2px solid var(--gv-line);padding:16px 0 0}
  .gv-spec-table th,.gv-spec-table td{display:block;width:auto}
  .gv-spec-table th{border-bottom:0;padding-bottom:4px}
  .gv-spec-table td{padding-top:0}
  .gv-facts,.gv-values{gap:12px}
  .gv-toolbar{flex-direction:column;align-items:flex-start}

  /* phone: rich-text tables become stacked cards with header labels */
  .detail-content table,.detail-content table.table-stack{display:block;overflow-x:auto}
  .detail-content table.table-stack thead{display:none}
  .detail-content table.table-stack tr{display:block;border-bottom:1px solid var(--gv-line);padding:12px 14px}
  .detail-content table.table-stack td{display:block;border:0;padding:5px 0;white-space:normal}
  .detail-content table.table-stack td::before{
    content:attr(data-label);display:block;
    font-family:var(--gv-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--gv-slate);margin-bottom:2px;
  }
  .detail-content table.table-stack td:first-child::before{display:none}
  .detail-content table td,.detail-content table th{white-space:nowrap;font-size:13.5px;padding:9px 12px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
  [data-reveal]{opacity:1!important;transform:none!important}
}
/* scroll reveal */
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
[data-reveal].on{opacity:1;transform:none}