:root{--accent:#b45309;--accent-2:#0f766e;--bg:#fffaf0;--muted:#6b7280;--card:#ffffff;--maxw:1200px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#08122a;overflow-x:hidden}.container{max-width:var(--maxw);margin:0 auto;padding:28px}header{background:linear-gradient(90deg,rgba(180,83,9,.95),rgba(15,118,110,.95));color:white}.top{justify-content:space-between;padding:18px 24px}.brand,.top{display:flex;align-items:center}.brand{gap:12px}nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}nav a{color:rgba(255,255,255,.95);text-decoration:none;font-weight:600;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 420px;gap:28px;padding:36px 24px}.hero-card{padding:24px}.hero h1{font-size:34px;margin:0 0 8px}.hero p{margin:0 0 18px;opacity:.95}.cta{display:flex;gap:12px}.btn{border:0;padding:10px 16px;border-radius:10px;cursor:pointer}.btn-primary{background:white;color:var(--accent);font-weight:700}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.18);color:white}.services{display:flex;gap:16px;margin-top:18px}.service{background:var(--card);padding:14px;border-radius:12px;min-width:0;box-shadow:0 8px 30px rgba(2,6,23,.06)}.service h4{margin:8px 0 6px;color:black;font-weight:700;font-size:1.1rem}.small{font-size:13px;color:var(--muted)}main{padding:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 12px 32px rgba(2,6,23,.06)}.portfolio img{width:100%;height:160px;object-fit:cover;border-radius:8px}.testimonials{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:18px}.testimonial{padding:16px;border-radius:12px;background:linear-gradient(180deg,#fff,#fffaf6)}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:18px;margin-top:28px}form{display:flex;flex-direction:column;gap:10px}input,select,textarea{padding:10px;border-radius:8px;border:1px solid #e6e6e6;font-family:inherit}.footer{padding:28px 24px;color:var(--muted);margin-top:28px}.socials{text-align:center}.social-icons{display:flex;gap:16px;justify-content:center}.social-icons a{color:var(--muted);transition:color .2s}.social-icons a:hover{color:var(--accent)}@media (max-width:900px){.hero{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.contact-grid,.testimonials{grid-template-columns:1fr}nav{display:none}}@media (max-width:520px){.grid-3{grid-template-columns:1fr}.top .btn-outline{display:none}}