:root{--bg:#090b0d;--panel:#111519;--panel2:#171c21;--text:#f4f5f6;--muted:#a7b0b8;--gold:#d9a441;--gold2:#f1c76b;--line:#2a3036;--ok:#65d89a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}.container{width:min(1180px,92%);margin:auto}.header{position:sticky;top:0;z-index:100;background:rgba(9,11,13,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;align-items:center;gap:24px}.brand{text-decoration:none;font-size:25px;font-weight:900;letter-spacing:.4px;line-height:1}.brand span{color:var(--gold)}
.brand small{display:block;font-size:9px;letter-spacing:2.2px;color:#7f8991;margin-top:7px}.links{display:flex;gap:18px;margin-left:auto}.links a{text-decoration:none;color:#c8cfd5;font-weight:700;font-size:14px}
.actions{display:flex;gap:9px;align-items:center}.lang a{font-size:12px;text-decoration:none;padding:7px 8px;border-radius:8px;border:1px solid var(--line)}.lang a.active{border-color:var(--gold);color:var(--gold2)}
.btn,.btn2{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:11px 16px;font-weight:800;border:1px solid var(--line)}
.btn{background:var(--gold);border-color:var(--gold);color:#111}.btn:hover{background:var(--gold2)}.btn2{background:transparent;color:#fff}.menu{display:none;margin-left:auto;background:transparent;color:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 11px;font-size:21px}
.hero{position:relative;overflow:hidden;padding:92px 0 80px;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-180px;top:-220px;background:radial-gradient(circle,rgba(217,164,65,.22),rgba(217,164,65,0) 68%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;position:relative}.eyebrow{color:var(--gold2);font-size:12px;letter-spacing:2.2px;font-weight:900;text-transform:uppercase}
h1{font-size:clamp(40px,5vw,68px);line-height:1.03;margin:14px 0 20px;letter-spacing:-2px}h1 span{color:var(--gold)}.lead{font-size:19px;color:#bcc4cb;max-width:760px;margin-bottom:28px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.panel{background:linear-gradient(145deg,#1a1f24,#0d1013);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.panel h2{margin:0 0 8px;font-size:21px}.panel p{color:var(--muted)}.check{padding:10px 0;border-bottom:1px solid var(--line);color:#dce1e5}.check:last-child{border:0}.check b{color:var(--ok);margin-right:8px}
.section{padding:76px 0}.alt{background:#0d1013;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.head{max-width:760px;margin-bottom:32px}.head h2{font-size:35px;line-height:1.15;margin:8px 0 10px}.head p{color:var(--muted);font-size:17px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:24px;min-height:235px}.card .icon{width:46px;height:46px;border-radius:12px;background:#302512;border:1px solid #665025;display:flex;align-items:center;justify-content:center;color:var(--gold2);font-weight:900;margin-bottom:20px}.card h3{margin:0 0 9px}.card p{color:var(--muted)}.more{color:var(--gold2);font-weight:800;text-decoration:none;font-size:13px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.step span{color:var(--gold);font-weight:900;font-size:12px}.step p{color:var(--muted);font-size:14px}
.quote{display:grid;grid-template-columns:1fr 1fr;gap:28px}.quote-box{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}.form{display:grid;gap:11px}.form label{font-size:13px;font-weight:700}.form input,.form select,.form textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:#090c0f;color:#fff;font:inherit}.form textarea{min-height:120px;resize:vertical}
.footer{border-top:1px solid var(--line);padding:48px 0 20px;background:#07090b}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .9fr;gap:40px}.footer p,.footer a,.footer span{color:#909aa3;text-decoration:none}.footer a,.footer span{display:block;margin:7px 0}.bottom{border-top:1px solid #20252a;margin-top:28px;padding-top:18px;color:#69747d;font-size:11px}
.rtl{direction:rtl}.rtl .links{margin-left:0;margin-right:auto}.rtl .hero:before{right:auto;left:-180px}.rtl .check b{margin-right:0;margin-left:8px}
@media(max-width:950px){.links,.actions{display:none}.menu{display:block}.open .links,.open .actions{display:flex;position:absolute;left:4%;right:4%;background:#101418;border:1px solid var(--line)}.open .links{top:78px;flex-direction:column;padding:14px}.open .actions{top:315px;padding:12px;flex-wrap:wrap}.hero-grid,.quote{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:min(100% - 30px,1180px)}.nav{min-height:72px}.brand{font-size:20px}.hero{padding:48px 0 44px}h1{font-size:clamp(32px,10vw,39px);letter-spacing:-1.3px}.lead{font-size:16px}.hero-actions .btn,.hero-actions .btn2{width:100%}.cards,.steps,.footer-grid{grid-template-columns:1fr}.section{padding:52px 0}.head h2{font-size:29px}.quote-box{padding:20px}}

.lock-hero{padding:70px 0 55px;border-bottom:1px solid var(--line)}
.product-block{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:start}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.placeholder{min-height:185px;border:1px dashed #665025;border-radius:15px;background:linear-gradient(145deg,#181a1c,#0d1013);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#caa65e;font-weight:800}
.feature-list{display:grid;gap:9px;margin-top:20px}.feature{border-bottom:1px solid var(--line);padding:9px 0;color:#cbd2d8}.feature:before{content:"✓";color:var(--ok);font-weight:900;margin-right:9px}.rtl .feature:before{margin-right:0;margin-left:9px}
.firebox{margin-top:22px;padding:20px;border:1px solid #6b5125;border-radius:14px;background:#17130b}.firebox h3{color:var(--gold2);margin-top:0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-item{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.flow-item b{color:var(--gold);display:block;margin-bottom:8px}
.compare{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line)}.compare th,.compare td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.rtl .compare th,.rtl .compare td{text-align:right}.compare th{background:#171c21;color:var(--gold2)}.compare td{color:#c5cdd3}
.note{margin-top:15px;color:var(--muted);font-size:14px}.big-cta{padding:30px;border:1px solid #6b5125;border-radius:18px;background:linear-gradient(135deg,#1c160b,#101316);display:flex;align-items:center;justify-content:space-between;gap:25px}
@media(max-width:900px){.product-block{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.big-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.lock-hero{padding:45px 0 38px}.visual-grid,.flow{grid-template-columns:1fr}.compare{font-size:13px}.compare th,.compare td{padding:10px 8px}}

.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cert-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);display:flex;flex-direction:column;gap:12px}.cert-card .tag{font-size:12px;letter-spacing:.08em;color:var(--gold2);font-weight:800}.cert-card h3{margin:0}.cert-card p{color:var(--muted);margin:0;flex:1}.cert-card .btn{align-self:flex-start}.cert-highlight{padding:24px;border:1px solid #6b5125;border-radius:16px;background:linear-gradient(135deg,#1c160b,#101316);margin-bottom:22px}.cert-highlight strong{color:var(--gold2)}@media(max-width:900px){.cert-grid{grid-template-columns:1fr}}

/* V4 product gallery */
.product-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:32px}
.product-card{background:#11161b;border:1px solid #2a3138;border-radius:18px;padding:16px;display:flex;flex-direction:column;min-height:100%}
.product-card .product-image{background:#fff;border-radius:13px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}
.product-card .product-image img{width:100%;height:100%;object-fit:contain;padding:8px}
.product-card h3{margin:0 0 6px;font-size:20px}
.product-card p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.5}
.product-card .btn{margin-top:auto;text-align:center}
@media(max-width:1100px){.product-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.product-gallery{grid-template-columns:1fr}}

/* V5 DND + batteryless lock system */
.dnd-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
.dnd-visual{background:#0d1115;border:1px solid #2b3239;border-radius:22px;padding:14px;overflow:hidden}
.dnd-visual img{display:block;width:100%;height:auto;border-radius:14px}
.dnd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.dnd-card{background:#11161b;border:1px solid #2a3138;border-radius:18px;padding:16px}
.dnd-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#e9e9e9;border-radius:12px;margin-bottom:12px}
.system-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:stretch;margin:28px 0}
.flow-step{background:#11161b;border:1px solid #303840;border-radius:16px;padding:18px;text-align:center}
.flow-step b{display:block;color:#e5aa36;margin-bottom:7px}
.flow-arrow{display:none}
.compare-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
.system-choice{background:#11161b;border:1px solid #303840;border-radius:20px;padding:24px}
.system-choice.featured{border-color:#b9862c}
.badge-v5{display:inline-block;border:1px solid #b9862c;color:#e5aa36;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;letter-spacing:.06em}
@media(max-width:900px){.dnd-hero-grid,.compare-two{grid-template-columns:1fr}.dnd-grid{grid-template-columns:1fr 1fr}.system-flow{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dnd-grid,.system-flow{grid-template-columns:1fr}}

/* V6 category + product detail catalog */
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.category-card,.detail-card{background:#11161b;border:1px solid #2b333b;border-radius:20px;padding:22px}
.category-card h3,.detail-card h3{margin-top:8px}
.category-card p,.detail-card p{color:var(--muted)}
.spec-table{width:100%;border-collapse:collapse;margin-top:18px;background:#10151a;border:1px solid #2b333b}
.spec-table th,.spec-table td{padding:13px 14px;border-bottom:1px solid #2b333b;text-align:left;vertical-align:top}
.rtl .spec-table th,.rtl .spec-table td{text-align:right}
.spec-table th{width:34%;color:#e5aa36}
.product-detail-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center}
.product-detail-img{background:#fff;border-radius:20px;padding:16px}
.product-detail-img img{width:100%;height:auto;max-height:520px;object-fit:contain}
.tech-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.source-note{font-size:13px;color:var(--muted);margin-top:12px}
@media(max-width:900px){.catalog-grid{grid-template-columns:1fr 1fr}.product-detail-hero,.tech-columns{grid-template-columns:1fr}}
@media(max-width:600px){.catalog-grid{grid-template-columns:1fr}}

/* V6.2 navigation */
.catalog-menu-link{color:#e5aa36;text-decoration:none;font-weight:700}
.catalog-subnav{display:flex;gap:10px;flex-wrap:wrap;padding:14px 0}
.catalog-subnav a{border:1px solid #303840;border-radius:999px;padding:8px 13px;color:#cbd2d8;text-decoration:none}
.catalog-subnav a:hover{border-color:#b9862c;color:#e5aa36}

/* V7.4 approved DND visuals */
.dnd-card img{object-fit:contain;background:#0d1115}
.dnd-visual img{object-fit:contain}