/* LEGITECH homepage v59 — mô hình premium engineering, prefix riêng để không va legacy. */
.lgh-home{background:var(--paper);}
.lgh-hero{position:relative; min-height:650px; overflow:hidden; background:#06111c; color:#fff;}
.lgh-hero-media{position:absolute; inset:0; background-size:cover; background-position:center;}
.lgh-hero-media::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,14,23,.94) 0%,rgba(4,14,23,.76) 48%,rgba(4,14,23,.38) 100%);}
.lgh-hero-inner{position:relative; z-index:1; min-height:650px; display:grid; grid-template-columns:1.08fr .92fr; gap:64px; align-items:center; padding-block:76px;}
.lgh-eyebrow{display:inline-flex; align-items:center; gap:10px; color:var(--blue); font:800 11px/1.4 var(--sans); letter-spacing:.16em; text-transform:uppercase;}
.lgh-eyebrow::before{content:""; width:26px; height:2px; background:currentColor;}
.lgh-eyebrow.light{color:var(--amber);}
.lgh-hero h1{max-width:10ch; margin:18px 0 22px; color:#fff; font-size:clamp(2.9rem,5.6vw,5.35rem); line-height:.98; letter-spacing:-.045em;}
.lgh-hero h1 span{color:var(--amber);}
.lgh-hero-copy>p{max-width:57ch; color:#cfdae2; font-size:17px; line-height:1.75;}
.lgh-hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px;}
.lgh-hero-actions .btn{min-height:52px;}
.lgh-hero-proof{display:flex; gap:28px; margin-top:34px; padding-top:24px; border-top:1px solid rgba(255,255,255,.16);}
.lgh-hero-proof div{min-width:90px;}
.lgh-hero-proof strong{display:block; color:var(--amber); font:800 24px/1 var(--sans);}
.lgh-hero-proof span{display:block; margin-top:7px; color:#b8c8d3; font-size:11px;}
.lgh-engineering{padding:20px; border:1px solid rgba(255,255,255,.18); border-radius:16px; background:rgba(8,25,39,.88); box-shadow:0 28px 70px rgba(0,0,0,.32); backdrop-filter:blur(8px);}
.lgh-engineering-head{display:flex; justify-content:space-between; margin-bottom:16px; color:#aabfcd; font:700 10px var(--mono); letter-spacing:.12em; text-transform:uppercase;}
.lgh-live{color:#75dfad;}
.lgh-heatmap{position:relative; height:235px; overflow:hidden; border-radius:11px; background:radial-gradient(ellipse at 14% 50%,#fff5a8 0,#ffb23c 17%,#ef6047 38%,#556fd2 68%,#162f68 100%);}
.lgh-heatmap::before{content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:28px 28px;}
.lgh-heatmap::after{content:""; position:absolute; left:20px; top:50%; width:14px; height:64px; border-radius:4px; background:#081a29; transform:translateY(-50%); box-shadow:22px -10px 0 -3px #081a29;}
.lgh-meters{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:14px;}
.lgh-meter{padding:13px 10px; border:1px solid rgba(255,255,255,.12); border-radius:9px;}
.lgh-meter b{display:block; color:#fff; font-size:16px;}
.lgh-meter span{color:#96adbb; font-size:9px; text-transform:uppercase; letter-spacing:.08em;}
.lgh-trust{background:#fff; border-bottom:1px solid var(--line);}
.lgh-trust-grid{display:grid; grid-template-columns:repeat(4,1fr);}
.lgh-trust-item{padding:24px 26px; border-right:1px solid var(--line);}
.lgh-trust-item:last-child{border-right:0;}
.lgh-trust-item b{display:block; font-size:14px;}
.lgh-trust-item span{display:block; margin-top:6px; color:var(--muted); font-size:11px; line-height:1.55;}
.lgh-section{padding:86px 0;}
.lgh-section.alt{background:var(--paper-2);}
.lgh-section.dark{background:var(--panel); color:var(--on-panel);}
.lgh-section-head{display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:34px;}
.lgh-section-head h2{max-width:20ch; margin-top:12px; font-size:clamp(2rem,3.5vw,3.25rem); line-height:1.08;}
.lgh-section-head p{max-width:65ch; margin-top:12px; color:var(--muted);}
.lgh-section-link{color:var(--blue); font-weight:750; text-decoration:none; white-space:nowrap;}
.lgh-solutions{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
.lgh-solution{position:relative; min-height:370px; overflow:hidden; border-radius:14px; background:#0c1d2c; box-shadow:var(--sh-s);}
.lgh-solution img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .4s ease;}
.lgh-solution::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,16,25,.94),rgba(5,16,25,.04) 72%);}
.lgh-solution:hover img{transform:scale(1.04);}
.lgh-solution-body{position:absolute; z-index:1; inset:auto 24px 23px; color:#fff;}
.lgh-solution-body small{color:var(--amber); font:750 10px var(--sans); letter-spacing:.1em; text-transform:uppercase;}
.lgh-solution-body h3{margin:8px 0 5px; color:#fff; font-size:20px;}
.lgh-solution-body p{color:#c7d4dc; font-size:12px;}
.lgh-products{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.lgh-product{display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:13px; background:#fff; box-shadow:0 9px 30px -24px rgba(14,34,51,.55); transition:transform .24s ease,box-shadow .24s ease;}
.lgh-product:hover{transform:translateY(-5px); box-shadow:var(--sh-s);}
.lgh-product-media{aspect-ratio:1; display:grid; place-items:center; padding:22px; background:#f9fafb;}
.lgh-product-media img{width:88%; height:88%; object-fit:contain;}
.lgh-product-body{display:flex; flex:1; flex-direction:column; padding:18px;}
.lgh-product-body small{color:var(--blue); font:800 10px var(--sans); letter-spacing:.09em; text-transform:uppercase;}
.lgh-product-body h3{margin:8px 0; font-size:15px; line-height:1.45;}
.lgh-product-body p{color:var(--muted); font-size:12px;}
.lgh-product-price{margin-top:auto; padding-top:14px; color:var(--amber-ink); font-weight:800;}
.lgh-product-actions{display:grid; grid-template-columns:1fr auto; gap:7px; margin-top:12px;}
.lgh-product-actions a{min-height:42px; display:grid; place-items:center; padding:8px 12px; border-radius:8px; font-size:12px; font-weight:800; text-decoration:none;}
.lgh-product-actions a:first-child{background:var(--blue); color:#fff;}
.lgh-product-actions a:last-child{border:1px solid var(--line-strong); color:var(--ink);}
.lgh-case{display:grid; grid-template-columns:1.08fr .92fr; overflow:hidden; border-radius:16px; background:var(--panel); color:#fff; box-shadow:var(--sh);}
.lgh-case-media{position:relative; min-height:480px;}
.lgh-case-media img{width:100%; height:100%; object-fit:cover;}
.lgh-case-body{display:flex; flex-direction:column; justify-content:center; padding:46px;}
.lgh-case-body h2{margin:13px 0 15px; color:#fff; font-size:clamp(2rem,3.5vw,3.1rem); line-height:1.08;}
.lgh-case-body>p{color:#c3d1da;}
.lgh-case-metrics{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:25px 0;}
.lgh-case-metrics div{padding:13px; border:1px solid rgba(255,255,255,.14); border-radius:9px;}
.lgh-case-metrics b{display:block; color:var(--amber); font-size:13px;}
.lgh-case-metrics span{color:#9fb2bf; font-size:9px;}
.lgh-design{display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:center;}
.lgh-design h2{margin:14px 0; color:#fff; font-size:clamp(2.15rem,4vw,3.5rem);}
.lgh-design p{color:var(--on-panel-mut);}
.lgh-feature-list{display:grid; gap:11px; margin:24px 0; padding:0; list-style:none;}
.lgh-feature-list li{color:#d4dee5; font-size:13px;}
.lgh-feature-list li::before{content:"✓"; margin-right:10px; color:var(--amber); font-weight:800;}
.lgh-dashboard{padding:20px; border:1px solid var(--panel-line); border-radius:14px; background:var(--panel-2);}
.lgh-dashboard-top{display:flex; justify-content:space-between; margin-bottom:13px; color:#a9bdca; font:700 10px var(--mono); letter-spacing:.1em;}
.lgh-dashboard-map{height:300px; border-radius:10px; background:radial-gradient(ellipse at 18% 50%,#fff5a8,#ffad38 16%,#e85b4b 39%,#405fb7 68%,#122751 100%);}
.lgh-dashboard-results{display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:13px;}
.lgh-dashboard-results div{padding:11px; border:1px solid var(--panel-line); border-radius:8px;}
.lgh-dashboard-results b{display:block; color:#fff; font-size:13px;}
.lgh-dashboard-results span{color:#98adbb; font-size:8px; text-transform:uppercase;}
.lgh-process{display:grid; grid-template-columns:repeat(5,1fr); gap:12px;}
.lgh-step{padding:23px; border:1px solid var(--line); border-radius:12px; background:#fff;}
.lgh-step>b{color:var(--amber-ink); font:800 11px var(--mono);}
.lgh-step h3{margin:14px 0 7px; font-size:15px;}
.lgh-step p{color:var(--muted); font-size:12px;}
.lgh-final{display:flex; align-items:center; justify-content:space-between; gap:30px; padding:34px; border-radius:15px; background:var(--panel); color:#fff;}
.lgh-final h2{color:#fff; font-size:clamp(1.6rem,3vw,2.35rem);}
.lgh-final p{margin-top:6px; color:var(--on-panel-mut);}
@media(max-width:1050px){
  .lgh-hero-inner,.lgh-design{grid-template-columns:1fr;}
  .lgh-engineering{max-width:680px;}
  .lgh-solutions{grid-template-columns:repeat(2,1fr);}
  .lgh-products{grid-template-columns:repeat(2,1fr);}
  .lgh-process{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:760px){
  .lgh-hero,.lgh-hero-inner{min-height:640px;}
  .lgh-hero-inner{display:block; padding-block:58px 46px;}
  .lgh-hero h1{font-size:clamp(2.35rem,11vw,3.4rem);}
  .lgh-hero-media{background-position:57% center;}
  .lgh-engineering{display:none;}
  .lgh-hero-proof{gap:14px; overflow-x:auto;}
  .lgh-trust-grid{grid-template-columns:repeat(2,1fr);}
  .lgh-trust-item:nth-child(2){border-right:0;}
  .lgh-trust-item:nth-child(-n+2){border-bottom:1px solid var(--line);}
  .lgh-section{padding:64px 0;}
  .lgh-section-head{display:block;}
  .lgh-section-link{display:inline-block; margin-top:16px;}
  .lgh-solutions,.lgh-products,.lgh-case{grid-template-columns:1fr;}
  .lgh-solution{min-height:330px;}
  .lgh-case-media{min-height:320px;}
  .lgh-case-body{padding:27px;}
  .lgh-dashboard-map{height:250px;}
  .lgh-dashboard-results{grid-template-columns:repeat(2,1fr);}
  .lgh-process{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px;}
  .lgh-step{flex:0 0 78%; scroll-snap-align:start;}
  .lgh-final{display:block; padding:27px;}
  .lgh-final .btn{width:100%; justify-content:center; margin-top:20px;}
}
@media(max-width:430px){
  .lgh-hero-actions{display:grid;}
  .lgh-hero-actions .btn{width:100%; justify-content:center;}
  .lgh-solutions{grid-template-columns:1fr;}
  .lgh-products{grid-template-columns:1fr;}
  .lgh-product{display:grid; grid-template-columns:128px 1fr;}
  .lgh-product-media{aspect-ratio:auto; min-height:220px; padding:12px;}
  .lgh-product-actions{grid-template-columns:1fr;}
  .lgh-product-actions a:last-child{display:none;}
  .lgh-case-metrics{grid-template-columns:1fr;}
}