:root{--bg:#050505;--panel:#121212;--panel2:#1b1b1b;--text:#fff;--muted:#c9c9c9;--gold:#f5a400;--gold2:#ffbd2e;--line:#2c2c2c}*{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.55}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.88);backdrop-filter:blur(12px);border-bottom:1px solid #181818}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.logo{width:250px}.menu{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:800}.menu a{padding:8px 0}.menu a.active,.menu a:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--gold),#ffb000);color:#111;font-weight:900;border:0;border-radius:4px;padding:14px 22px;text-transform:uppercase;cursor:pointer}.btn.outline{background:transparent;color:#fff;border:1px solid var(--gold)}.hamb{display:none}.hero{min-height:640px;background:radial-gradient(circle at 78% 40%,rgba(245,164,0,.28),transparent 25%),linear-gradient(90deg,#050505 0%,rgba(5,5,5,.95) 38%,rgba(5,5,5,.55) 70%,#050505 100%),url("../images/mockup-reference.png");background-size:cover;background-position:center top;position:relative}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#050505)}.hero .container{position:relative;z-index:1;padding:62px 0 44px}.eyebrow{color:var(--gold);font-weight:900}.hero h1{font-size:clamp(46px,7vw,92px);line-height:.92;margin:0 0 22px;letter-spacing:5px}.hero h1 span{color:var(--gold)}.hero h2{font-size:clamp(22px,3vw,34px);line-height:1.18;margin:0 0 10px}.hero p{max-width:590px;color:#eee}.tags{font-weight:900;letter-spacing:1px;margin:12px 0 24px}.tags b{color:var(--gold)}.quick{display:flex;gap:34px;margin-top:26px;color:#ddd;font-size:14px}.stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:linear-gradient(180deg,#171717,#0d0d0d);margin-top:-72px;position:relative;z-index:2}.stat{padding:28px 18px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.ico{font-size:34px;color:var(--gold);display:block;margin-bottom:12px}.stat strong,.card strong{display:block;text-transform:uppercase}.stat small,.card p,.why p{color:var(--muted)}section{padding:48px 0}.title{text-align:center;text-transform:uppercase;font-size:28px;letter-spacing:2px;margin:0 0 28px}.title:after{content:"";display:block;width:44px;height:3px;background:var(--gold);margin:10px auto}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{min-height:142px;background:linear-gradient(135deg,rgba(20,20,20,.72),rgba(0,0,0,.9)),radial-gradient(circle at top right,rgba(245,164,0,.18),transparent 35%);border:1px solid var(--line);padding:22px;border-radius:4px}.card .ico{font-size:30px;margin:0 0 8px}.center{text-align:center;margin-top:22px}.whywrap{background:#0e0e0e;border-top:1px solid #171717;border-bottom:1px solid #171717}.why{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;text-align:center}.ba{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.ba div{background:#181818;border:1px solid #333;border-radius:4px;overflow:hidden;text-align:center;font-weight:800}.ba .ph{height:145px;background:linear-gradient(135deg,#3b2a13,#777 50%,#191919);position:relative}.ba .ph:after{content:"↔";position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid white;border-radius:50%;padding:5px;background:#111}.bottom{background:linear-gradient(180deg,#111,#060606);border-top:1px solid #222}.bottomgrid{display:grid;grid-template-columns:1.05fr 1.15fr 1.7fr;gap:28px}.whoicons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:center;margin:26px 0 30px}.whoicons div{font-size:12px;font-weight:800}.social{border-top:1px solid #2a2a2a;padding-top:20px}.social h3{margin:0 0 12px;text-transform:uppercase;letter-spacing:2px}.socialicons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.soc{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#1e1e1e;border:1px solid #333;font-weight:900}.whatsapp{background:#2bb741;color:#fff;border-radius:6px;padding:9px 14px;font-weight:900}.map{height:290px;border:1px solid #242424;background:radial-gradient(circle at 55% 45%,rgba(245,164,0,.3),transparent 3%),radial-gradient(circle at 35% 30%,rgba(245,164,0,.25),transparent 2%),linear-gradient(135deg,#10202b,#0b0b0b);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:900}.contactbox{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.contactbox ul{margin:0;padding-left:20px;color:#eee}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form input,.form select,.form textarea{width:100%;padding:14px;background:#202020;border:1px solid #333;color:#fff;border-radius:3px}.form textarea,.form .full{grid-column:1/-1}.upload{border:1px dashed #555;padding:18px;text-align:center;color:#ddd;border-radius:4px}.footer{border-top:1px solid #222;padding:24px 0;color:#aaa;font-size:13px}.footer .container{display:flex;justify-content:space-between;gap:20px}.pagehero{padding:70px 0;background:linear-gradient(135deg,#050505,#1b1202);border-bottom:1px solid #222}.pagehero h1{font-size:44px;margin:0}.content{max-width:900px}.faqitem{border:1px solid #2b2b2b;padding:18px;margin-bottom:12px;background:#111}.mobilecall{display:none}@media(max-width:900px){.hamb{display:block;background:none;border:1px solid #333;color:#fff;padding:10px}.menu{display:none;position:absolute;left:0;right:0;top:82px;background:#050505;flex-direction:column;padding:20px}.menu.open{display:flex}.logo{width:200px}.stats,.grid{grid-template-columns:repeat(2,1fr)}.why{grid-template-columns:repeat(3,1fr)}.ba{grid-template-columns:repeat(2,1fr)}.bottomgrid,.contactbox{grid-template-columns:1fr}.hero{min-height:auto}.quick{flex-direction:column;gap:10px}.footer .container{display:block}.mobilecall{display:flex;position:fixed;right:14px;bottom:14px;z-index:20;border-radius:30px}}@media(max-width:560px){.stats,.grid,.why,.ba,.form{grid-template-columns:1fr}.whoicons{grid-template-columns:repeat(2,1fr)}.hero h1{letter-spacing:2px}.stat{border-right:0;border-bottom:1px solid var(--line)}}
