:root{--orange:#ff6900;--bg:#070707;--card:#111;--text:#fff;--muted:#b8b8b8;--line:#333}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.topbar{height:76px;position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(3,3,3,.96);display:flex;align-items:center;padding:0 4%;gap:28px;border-bottom:1px solid #222}.logo img{width:160px;display:block}.topbar nav{display:flex;gap:32px;margin-left:auto}.topbar nav a{font-size:12px;font-weight:800;white-space:nowrap}.topbar nav a:hover{color:var(--orange)}.head-actions{display:flex;align-items:center;gap:20px;white-space:nowrap}.phone{font-weight:700}.cta,.orange{background:var(--orange);padding:15px 22px;border-radius:5px;font-weight:800}.menu-btn{display:none;margin-left:auto;background:none;color:#fff;border:0;font-size:27px}
.hero{height:610px;margin-top:76px;background-position:center;background-size:cover;position:relative}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.78) 35%,rgba(0,0,0,.12))}.hero-copy{position:relative;z-index:2;padding:60px 4%;max-width:660px}.eyebrow{color:var(--orange);font-size:12px;font-weight:800}.hero h1{font-size:48px;line-height:1.03;margin:18px 0 0}.hero h1 span{color:var(--orange)}.script{font-family:"Brush Script MT",cursive;font-size:64px;margin:3px 0 10px;transform:rotate(-3deg)}.hero-copy p{line-height:1.55;color:#eee}.hero-actions{display:flex;gap:16px;margin-top:25px}.btn{padding:14px 22px;border-radius:5px;font-size:12px;font-weight:800}.outline{border:1px solid var(--orange)}.stats{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);width:min(900px,88%);display:grid;grid-template-columns:repeat(4,1fr);background:#090909;border:1px solid #8d4b00;border-radius:12px}.stats div{padding:20px;border-right:1px solid #6d3b00}.stats div:last-child{border:0}.stats strong{display:block;font-size:28px}.stats span{font-size:11px;color:#ddd}
.section{padding:80px 4%}.services{display:grid;grid-template-columns:290px 1fr;gap:30px;background:linear-gradient(90deg,#111,#080808)}.intro>span,.title-row span,.about>div>span,.contact>div>span{color:var(--orange);font-weight:800;font-size:12px}.intro h2,.title-row h2,.about h2,.contact h2{font-size:36px}.intro h2 b{color:var(--orange)}.intro p,.about p,.contact p{color:var(--muted);line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{background:linear-gradient(#171717,#0d0d0d);border:1px solid var(--line);border-radius:8px;overflow:hidden}.cards img{width:100%;height:140px;object-fit:cover}.pad{padding:20px}.pad h3{font-size:16px}.pad p{font-size:13px;color:#ccc;min-height:60px}.pad a{color:var(--orange);font-size:11px;font-weight:800}
.projects{background:#090909}.title-row{margin-bottom:24px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-grid article{background:#111;border:1px solid #333;border-radius:8px;overflow:hidden}.project-grid img{width:100%;height:190px;object-fit:cover}.project-body{padding:16px}.project-body small{color:var(--orange)}.project-body h3{margin-bottom:0}
.about{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;background:radial-gradient(circle at 10% 30%,rgba(255,105,0,.12),transparent 30%),#111}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.features div{border:1px solid #333;padding:25px}.features b{display:block;color:var(--orange);margin-bottom:10px}.features span{font-size:13px;color:#bbb}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#0a0a0a}.contact-info{display:grid;gap:12px;margin-top:25px}.contact form{display:grid;gap:12px}.contact input,.contact select,.contact textarea{padding:14px;background:#111;border:1px solid #333;color:#fff}.contact textarea{min-height:120px}.contact button{padding:15px;background:var(--orange);border:0;color:#fff;font-weight:800}.wa{position:fixed;right:25px;bottom:25px;width:56px;height:56px;border-radius:50%;background:#18c86f;display:grid;place-items:center;font-size:28px;z-index:60}footer{padding:28px 4%;display:flex;align-items:center;gap:30px;border-top:1px solid #222}footer img{width:150px}footer p{color:#aaa}footer a{margin-left:auto;color:#666;font-size:11px}
@media(max-width:1100px){.topbar nav{gap:18px}.head-actions .phone{display:none}.services{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.menu-btn{display:block}.topbar nav{display:none;position:absolute;top:76px;left:0;right:0;background:#070707;flex-direction:column;padding:25px}.topbar nav.open{display:flex}.cta{display:none}.hero h1{font-size:38px}.script{font-size:50px}.stats{grid-template-columns:1fr 1fr}.services,.about,.contact{grid-template-columns:1fr}.features{grid-template-columns:1fr}.hero{height:720px}}
@media(max-width:560px){.logo img{width:130px}.hero-copy{padding-inline:24px}.hero h1{font-size:31px}.script{font-size:42px}.cards,.project-grid{grid-template-columns:1fr}.stats strong{font-size:20px}.stats div{padding:14px}.section{padding-inline:22px}.hero-actions{flex-direction:column;align-items:flex-start}footer{flex-direction:column;align-items:flex-start}footer a{margin-left:0}}