/*
Theme Name: LHQ Global V4 Reference
Theme URI: https://lhqglobal.vn
Author: LHQ Global
Description: Giao diện trang chủ LHQ Global - SmartPA và quản lý nội dung hiển thị.
Version: 1.3.0
Requires at least: 5.5
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: lhq-global-v4
*/
:root{--navy:#071c3d;--blue:#0b9bd3;--indigo:#343b98;--red:#ef3340;--orange:#f36b2c;--gold:#ffb22e;--ink:#10213c;--muted:#68768b;--paper:#f5f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,"Helvetica Neue",sans-serif}a{text-decoration:none;color:inherit}.header{height:88px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e9edf3}.brand img{width:145px;height:56px;object-fit:contain}.header nav{display:flex;gap:34px;font-size:14px;font-weight:700}.header nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--navy);color:white;padding:17px 24px;border-radius:4px;font-weight:800;border:0}.button span{font-size:20px}.button.small{padding:12px 18px;font-size:13px}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding:70px 7vw;background:linear-gradient(135deg,#f9fbfe 0%,#eef8fc 60%,#fff4ed 100%);overflow:hidden}.eyebrow,.kicker{font-size:12px;letter-spacing:.18em;font-weight:900;color:var(--blue)}.eyebrow i{display:inline-block;width:26px;height:3px;background:var(--orange);vertical-align:middle;margin-right:10px}.hero h1,.section h2,.contact h2{font-size:clamp(46px,5vw,76px);line-height:1.04;letter-spacing:-.045em;margin:22px 0}.hero h1 em,.section h2 em{font-style:normal;color:var(--blue)}.lead{font-size:19px;line-height:1.75;color:#53627a;max-width:660px}.actions{display:flex;align-items:center;gap:28px;margin:34px 0}.text-link{font-weight:800;border-bottom:1px solid #9aa6b5;padding:10px 0}.proof{display:flex;gap:30px;margin-top:50px}.proof span{font-size:12px;color:#68758a;border-left:1px solid #cad2de;padding-left:15px}.proof b{font-size:22px;color:var(--navy);display:block;margin-bottom:5px}.hero-visual{position:relative;height:600px}.orbit{position:absolute;border:1px solid rgba(11,155,211,.27);border-radius:50%;inset:8%}.orbit2{inset:22%;border-style:dashed}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;background:var(--navy);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 70px rgba(7,28,61,.28)}.core strong{font-size:44px;letter-spacing:.08em}.core small{font-size:9px;letter-spacing:.18em;color:#9dddf3}.wave{color:var(--orange);font-size:13px}.node{position:absolute;width:190px;padding:18px;background:#fff;border-radius:10px;box-shadow:0 15px 45px rgba(20,48,80,.12);border-top:3px solid var(--blue)}.node b,.node span{display:block}.node b{font-size:16px}.node span{font-size:12px;color:var(--muted);margin-top:5px}.n1{top:7%;left:2%}.n2{right:0;top:32%;border-color:var(--red)}.n3{bottom:5%;left:8%;border-color:var(--orange)}.pulse{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(243,107,44,.15)}.p1{top:27%;left:32%}.p2{top:48%;right:30%}.p3{bottom:27%;left:35%}.section{padding:110px 7vw}.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-copy{font-size:20px;line-height:1.75;color:#56657a;padding-top:45px}.values{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border-top:1px solid #dce3ec}.values span{padding:18px 0;border-bottom:1px solid #dce3ec;font-weight:800;color:var(--navy)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:70px}.section-head>p{max-width:420px;color:var(--muted);line-height:1.7;margin-bottom:30px}.solutions{background:var(--paper)}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}.solution-card{position:relative;padding:48px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e1e7ef}.solution-card:after{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(11,155,211,.07)}.solution-card.audio{background:var(--navy);color:#fff}.solution-card .num{position:absolute;right:28px;top:26px;font-size:56px;font-weight:900;color:#edf1f6}.audio .num{color:#17345f}.icon{font-size:30px;color:var(--blue);display:inline-flex;min-height:42px}.solution-card h3{font-size:28px;margin:22px 0 12px}.solution-card p,.solution-card li{line-height:1.7;color:#68768b}.audio p,.audio li{color:#b8c8dc}.solution-card ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;padding:20px}.solution-card a{display:inline-block;margin-top:18px;font-weight:900;color:var(--blue)}.smartpa{background:#fff}.smartpa-panel{background:linear-gradient(135deg,#071c3d,#0a315b);color:#fff;border-radius:18px;padding:70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.kicker.light{color:#7cd9f8}.smartpa h2{font-size:72px;margin-bottom:0}.smartpa h3{color:var(--orange);font-size:26px;margin:6px 0 22px}.smartpa-copy>p{color:#c0cde0;line-height:1.75}.tech{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.tech span{padding:8px 12px;border:1px solid #395477;border-radius:20px;font-size:12px}.button.orange{background:var(--orange)}.diagram{display:flex;flex-direction:column;align-items:center;justify-content:center}.d-server{width:250px;text-align:center;padding:25px;background:#fff;color:var(--navy);border-radius:12px;font-size:34px}.d-server b,.d-server small{display:block;font-size:15px;margin-top:8px}.d-server small{font-size:11px;color:var(--muted)}.connector{height:95px;width:2px;background:var(--blue);font-size:9px;color:#8bdaf5;white-space:nowrap;padding:38px 0 0 10px}.devices{display:flex;gap:15px}.devices span{width:130px;padding:20px 10px;text-align:center;border:1px solid #315276;border-radius:8px;font-size:28px}.devices b{display:block;font-size:11px;margin-top:10px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe6ef;margin-top:55px;border:1px solid #dfe6ef}.app-grid article{background:white;padding:38px}.app-grid h3{font-size:18px}.app-grid p{font-size:14px;line-height:1.6;color:var(--muted)}.process{background:var(--paper);text-align:center}.process h2{font-size:50px}.steps{display:flex;align-items:center;justify-content:center;margin-top:55px}.steps span{width:200px;padding:25px}.steps b,.steps strong,.steps small{display:block}.steps b{color:var(--blue);font-size:12px}.steps strong{font-size:19px;margin:10px}.steps small{color:var(--muted)}.steps i{font-style:normal;color:#a5b0be}.contact{padding:95px 7vw;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font-size:56px}.contact p{color:#b9c8db;line-height:1.7}.contact form{display:flex;flex-direction:column;gap:13px}.contact form>div{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact input,.contact textarea{background:#112c53;border:1px solid #2b476b;color:#fff;padding:17px;border-radius:4px;font:inherit}.contact textarea{height:110px;resize:none}.contact button{align-self:start}footer{padding:35px 7vw;display:flex;align-items:center;gap:35px}footer img{width:130px;height:52px;object-fit:contain}footer p{flex:1;color:var(--muted);font-size:13px}footer div{text-align:right}footer b,footer span{display:block}footer span{font-size:12px;color:var(--orange);margin-top:4px}@media(max-width:980px){.header nav{display:none}.hero{grid-template-columns:1fr}.hero-visual{height:480px}.about,.contact,.smartpa-panel{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:0}.app-grid{grid-template-columns:1fr 1fr}.proof{flex-wrap:wrap}}@media(max-width:640px){.header{padding:0 18px;height:72px}.brand img{width:105px}.button.small{display:none}.hero{padding:55px 22px}.hero h1,.section h2{font-size:43px}.hero-visual{height:390px;margin-top:15px}.core{width:140px;height:140px}.core strong{font-size:34px}.node{width:145px;padding:12px}.n2{top:30%}.proof{gap:14px}.section{padding:75px 22px}.about{gap:0}.solution-grid,.app-grid{grid-template-columns:1fr}.solution-card{padding:32px 24px}.solution-card ul{grid-template-columns:1fr}.smartpa-panel{padding:45px 22px}.devices{gap:6px}.devices span{width:94px}.steps{align-items:stretch;flex-direction:column}.steps i{transform:rotate(90deg)}.contact{padding:70px 22px;grid-template-columns:1fr}.contact form>div{grid-template-columns:1fr}footer{align-items:flex-start;flex-wrap:wrap}footer p{flex-basis:100%;order:3}}