:root{--black:#080808;--ink:#111827;--gold:#c99a32;--gold2:#e3bd62;--cream:#f8f7f3;--muted:#667085;--line:#e7e3d8;--white:#fff;--green:#20c463;--max:1240px;--shadow:0 22px 60px rgba(8,8,8,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(var(--max),92%);margin:auto}.section{padding:100px 0}.eyebrow{color:var(--gold);font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:30px;height:2px;background:var(--gold);vertical-align:middle;margin-right:10px}h1,h2,h3,h4{margin:0;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(3rem,6.3vw,6.5rem)}h2{font-size:clamp(2.2rem,4vw,4.4rem)}h3{font-size:1.35rem}.lead{font-size:1.08rem;color:#667085;max-width:740px}.gold{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:850;border:1px solid transparent;cursor:pointer;transition:.25s}.btn-gold{background:var(--gold);color:#fff;box-shadow:0 12px 25px rgba(201,154,50,.2)}.btn-gold:hover{background:#ae7f1f;transform:translateY(-2px)}.btn-dark{background:var(--black);color:#fff}.btn-outline{border-color:#c9c7bf;background:#fff}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06);transition:.25s}header.scrolled{box-shadow:0 12px 35px rgba(0,0,0,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:170px}.nav-links{display:flex;gap:26px;align-items:center;font-weight:750;font-size:.9rem}.nav-links a{padding:8px 0;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a.active{border-color:var(--gold)}.menu{display:none;background:none;border:0;font-size:1.8rem}.nav-cta{display:inline-flex}
.hero{padding:145px 0 80px;background:radial-gradient(circle at 80% 20%,rgba(201,154,50,.12),transparent 32%),linear-gradient(135deg,#fff 0%,#faf9f4 100%);min-height:780px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:center}.hero h1 span{color:var(--gold)}.hero-copy p{font-size:1.12rem;color:#667085;max-width:700px;margin:25px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{min-height:560px;border-radius:34px;background:url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1300&q=85') center/cover;position:relative;box-shadow:var(--shadow);overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(0,0,0,.7),rgba(0,0,0,.08))}.hero-card{position:absolute;z-index:2;left:30px;right:30px;bottom:30px;padding:28px;background:rgba(10,10,10,.82);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:24px;backdrop-filter:blur(14px)}.hero-card small{color:var(--gold2);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero-card h3{margin:10px 0;font-size:1.7rem}.hero-card p{color:#ddd;margin:0}.stats{padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:10px 25px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{display:block;font-size:2rem}.stat span{color:#667085;font-size:.88rem}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.section-head .copy{max-width:800px}.section-head h2{margin:14px 0}.about{background:#0a0a0a;color:#fff}.about .lead{color:#b7b7b7}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.about-panel{border-left:1px solid #333;padding-left:40px}.about-points{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:35px}.about-point{padding:22px;border:1px solid #2c2c2c;border-radius:18px;background:#111}.about-point b{display:block;color:var(--gold2);margin-bottom:7px}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service{padding:32px;border:1px solid var(--line);border-radius:22px;background:#fff;transition:.25s;box-shadow:0 8px 30px rgba(0,0,0,.03)}.service:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#dec17b}.service .num{color:var(--gold);font-weight:900;font-size:.8rem;letter-spacing:.1em}.service h3{margin:12px 0}.service p{color:#667085}.service ul{padding-left:18px;color:#4b5563}.service li{margin:4px 0}
.products{background:var(--cream)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.05);display:flex;flex-direction:column}.product-card.featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.product-image{min-height:310px;background:#0b0b0b;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-copy{padding:34px}.product-copy .tag{color:var(--gold);font-weight:900;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.product-copy h3{font-size:2.4rem;margin:12px 0}.product-copy p{color:#667085}.product-link{display:inline-flex;margin-top:16px;color:#0b3b8f;font-weight:900}.product-link:hover{text-decoration:underline}.cyber-visual{height:100%;min-height:310px;background:radial-gradient(circle at 70% 25%,#c99a32 0,transparent 15%),linear-gradient(135deg,#050505,#202020);display:grid;place-items:center;color:#fff;text-align:center;padding:30px}.cyber-visual strong{font-size:4rem;letter-spacing:-.06em}.cyber-visual span{display:block;color:#e3bd62;letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:900}
.insights{background:#fff}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.insight{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.04)}.insight-img{height:220px;background:linear-gradient(120deg,#0b0b0b,#333)}.insight:nth-child(2) .insight-img{background:linear-gradient(120deg,#d8b45d,#0a0a0a)}.insight:nth-child(3) .insight-img{background:linear-gradient(120deg,#111,#888)}.insight-body{padding:25px}.insight-body small{color:var(--gold);font-weight:900;letter-spacing:.1em}.insight-body h3{margin:9px 0}.insight-body p{color:#667085}.read{display:inline-flex;margin-top:8px;color:#111;font-weight:900}
.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-card{background:#0a0a0a;color:#fff;padding:38px;border-radius:26px}.contact-card p{color:#bdbdbd}.contact-item{display:flex;gap:14px;margin-top:22px;align-items:center}.contact-item .icon{width:44px;height:44px;border-radius:12px;background:#1b1b1b;display:grid;place-items:center;color:var(--gold2)}.contact-item small{display:block;color:#999}.contact-item b{font-size:.95rem}.form{background:#fff;padding:35px;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.8rem;font-weight:850}.field input,.field textarea,.field select{width:100%;border:1px solid #ddd8cc;border-radius:12px;padding:13px 14px;outline:0;background:#fff}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,154,50,.1)}textarea{min-height:145px;resize:vertical}
.footer{background:#070707;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand img{width:190px;filter:none;background:#fff;padding:8px;border-radius:10px}.footer-brand p{color:#aaa;max-width:380px}.footer h4{margin-bottom:15px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:8px 0;color:#aaa}.footer li a:hover{color:#fff}.footer-bottom{border-top:1px solid #242424;margin-top:40px;padding-top:20px;color:#777;font-size:.8rem;display:flex;justify-content:space-between;gap:20px}
.wa{position:fixed;right:24px;bottom:24px;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;z-index:1100;display:grid;place-items:center;box-shadow:0 15px 35px rgba(0,0,0,.22);border:3px solid #fff}.wa svg{width:34px;fill:#fff}.wa:hover{transform:translateY(-3px)}.wa-label{position:absolute;right:72px;background:#111;color:#fff;padding:8px 12px;border-radius:9px;font-size:.75rem;white-space:nowrap;opacity:0;transition:.2s}.wa:hover .wa-label{opacity:1}.page-hero{padding:155px 0 90px;background:linear-gradient(135deg,#080808,#1d1d1d);color:#fff}.page-hero p{color:#bbb;max-width:700px}.page-content{padding:90px 0}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.article-card .thumb{height:210px;background:#111}.article-card .body{padding:24px}.article-card small{color:var(--gold);font-weight:900}.article-card h3{margin:10px 0}.article-card p{color:#667085}.article-meta{font-size:.78rem;color:#8a8a8a;margin-top:15px}.article{max-width:900px;margin:auto}.article h1{font-size:clamp(2.5rem,5vw,5rem);margin:14px 0}.article .meta{color:#777}.article-content{font-size:1.08rem}.article-content p{margin:0 0 20px}.article-content h2,.article-content h3{margin:35px 0 15px}.article-content ul{padding-left:22px}.share{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.share a{padding:10px 15px;border:1px solid var(--line);border-radius:999px;font-weight:800;font-size:.84rem}.share a:hover{border-color:var(--gold);color:var(--gold)}
/* ADMIN */.admin-body{background:#f6f5f1}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-side{background:#080808;color:#fff;padding:28px 20px}.admin-side img{width:155px;background:#fff;padding:7px;border-radius:8px}.admin-side nav{margin-top:45px}.admin-side nav a{display:block;padding:12px 14px;border-radius:10px;color:#bbb}.admin-side nav a:hover,.admin-side nav a.active{background:#1d1d1d;color:#fff}.admin-main{padding:35px}.admin-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 10px 35px rgba(0,0,0,.04)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #eee;font-size:.88rem}.admin-table th{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#777}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#080808,#252525)}.login-card{width:min(440px,92%);background:#fff;border-radius:25px;padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-card img{width:190px;margin:0 auto 25px;background:#fff}.notice{padding:12px 14px;border-radius:10px;background:#fff4d7;color:#72530e;margin-bottom:18px}.danger{background:#fee2e2;color:#991b1b}.success{background:#dcfce7;color:#166534}
@media(max-width:950px){.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:18px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu{display:block}.nav-cta{display:none}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:480px}.product-card.featured{grid-column:auto;display:flex}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid var(--line)}.insight-grid,.article-list{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-side{display:none}}
@media(max-width:620px){.section{padding:72px 0}.hero{padding-top:125px}.hero-visual{min-height:390px}.hero-card{left:15px;right:15px;bottom:15px}.about-points,.service-grid,.product-grid,.insight-grid,.article-list,.form-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.stat{border-right:0}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}.product-card.featured{grid-template-columns:1fr}.contact-card,.form{padding:25px}}