
:root{
 --bg:#07090c;--bg2:#0b0e12;--panel:#10141a;--panel2:#15130e;
 --gold:#d7a84a;--gold2:#f1d17c;--line:rgba(215,168,74,.27);
 --text:#f7f4ec;--muted:#aaa59b;--max:1180px
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(6,8,11,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.brand img{width:46px;height:46px;object-fit:contain}.brand strong{display:block;letter-spacing:.08em}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:.13em}
nav{display:flex;gap:16px;align-items:center;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:8px;border:1px solid var(--gold);font-weight:800}
.btn.gold{background:linear-gradient(180deg,#f1c55e,#c9942d);color:#171006}.btn:hover{transform:translateY(-1px)}
.hero{min-height:610px;display:grid;place-items:center;background:radial-gradient(circle at 78% 40%,rgba(215,168,74,.16),transparent 31%),linear-gradient(180deg,#080a0d,#0a0d11)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center;padding:82px 0}
.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.14em;font-size:12px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.03;margin:12px 0 20px;max-width:850px}
.hero p{font-size:18px;color:#c4beb0;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-icon{display:grid;place-items:center}.hero-icon img{width:min(100%,480px);max-height:480px;object-fit:contain;filter:drop-shadow(0 20px 38px rgba(215,168,74,.18))}
section{padding:74px 0}.section-alt{background:#0b0e12}.section-warm{background:linear-gradient(180deg,#151008,#0d0c0b)}
.kicker{color:var(--gold);font-weight:900;letter-spacing:.12em;font-size:12px}.section-title{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:8px 0 28px;max-width:880px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#11151b,#0a0d11);padding:23px}.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--muted)}
.step-no{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d5a33e;color:#171007;font-weight:900;margin-bottom:15px}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare .card:first-child{opacity:.77}.ticks{list-style:none;padding:0;margin:0}.ticks li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.cta-band{text-align:center}.cta-band p{color:var(--muted);max-width:820px;margin:0 auto 25px}
.subhero{padding:74px 0 52px;background:radial-gradient(circle at 85% 10%,rgba(215,168,74,.13),transparent 26%)}.subhero h1{font-size:52px;line-height:1.08;margin:8px 0}.subhero p{max-width:850px;color:var(--muted)}
.prose{max-width:900px}.prose h2{font-size:32px;margin-top:36px}.prose h3{font-size:21px}.prose p,.prose li{color:#c0baae}
.footer{margin-top:70px;padding:54px 0 34px;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 0,rgba(215,168,74,.10),transparent 28%),linear-gradient(180deg,#090a0d,#060709)}
.footer-top{display:grid;grid-template-columns:1.3fr .7fr;gap:28px}.footer-brand{display:flex;gap:14px;align-items:center}.footer-brand img{width:58px;height:58px;object-fit:contain}.footer-brand strong{font-size:25px}.footer-brand span{display:block;color:var(--muted);font-size:13px}
.footer-modules-title{text-align:center;margin:40px 0 20px}.footer-modules-title span{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.14em}.footer-modules-title h2{margin:4px 0;font-size:32px}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.fmod{display:flex;align-items:center;gap:14px;min-height:96px;padding:14px;border:1px solid rgba(215,168,74,.22);border-radius:14px;background:linear-gradient(145deg,#14171c,#0b0d11)}.fmod:hover{border-color:rgba(241,209,124,.6);transform:translateY(-2px)}
.fmod .ico{width:60px;height:60px;display:grid;place-items:center;flex:0 0 60px}.fmod img{max-width:54px;max-height:54px;object-fit:contain}.fmod strong{display:block;font-size:15px}.fmod small{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.footer-low{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:30px;margin-top:32px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-low strong{color:#fff}.footer-low a{color:var(--gold2)}
.copy{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);color:#777;font-size:12px}
@media(max-width:920px){nav{display:none}.hero-grid,.footer-top{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-low{grid-template-columns:1fr 1fr}.hero-icon{order:-1}.hero-icon img{width:300px}}
@media(max-width:620px){.grid4,.grid2,.footer-grid,.footer-low{grid-template-columns:1fr}.hero h1{font-size:42px}.subhero h1{font-size:40px}.hero-grid{padding:48px 0}.hero{min-height:auto}}

/* V1.5.1 header + language switch + footer icon correction */
.lang-switch{display:inline-flex;gap:5px;margin-left:2px}
.lang-switch a{
  display:grid;place-items:center;min-width:34px;height:34px;
  padding:0 8px;border:1px solid rgba(215,168,74,.35);
  border-radius:7px;color:#f7f4ec;font-size:11px;font-weight:800
}
.lang-switch a:hover,.lang-switch a.active{
  background:#d7a84a;color:#171006;border-color:#d7a84a
}
.fmod img[src$="cctv.png"]{max-width:54px;max-height:54px;object-fit:contain}
@media(max-width:920px){.lang-switch{display:inline-flex}}
