*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1a1a2e;background:#f5f3ee;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.hero{text-align:center;padding:48px 24px 20px;position:relative;background:linear-gradient(180deg,#f0ede8,#f5f3ee)}.hero-logo{width:100px;margin:0 auto 16px}.hero h1{font-size:28px;font-weight:700;color:#0a1628;letter-spacing:-.3px}.hero .tagline{font-size:16px;color:#555;margin-top:6px}.hero .sub{font-size:14px;color:#888;max-width:600px;margin:8px auto 0;line-height:1.5}#services{padding:24px 24px 16px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:920px;margin:0 auto}.service-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #e6e2db;box-shadow:0 1px 4px #0000000a;transition:box-shadow .15s,border-color .15s}.service-card:hover{box-shadow:0 4px 14px #0000000f;border-color:#c0a060}.service-card h3{font-size:15px;font-weight:600;color:#0a1628;margin-bottom:4px}.service-card p{font-size:13px;color:#666;line-height:1.5}#clients{padding:16px 24px;text-align:center}#clients h2{font-size:14px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.client-strip{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;max-width:800px;margin:0 auto}.client-item{text-align:center}.client-item img{height:28px;width:auto;opacity:.4;transition:opacity .2s}.client-item img:hover{opacity:.7}.client-item span{display:block;font-size:11px;color:#aaa;margin-top:3px}.contact-footer{margin-top:auto;text-align:center;padding:24px;border-top:1px solid #e6e2db;font-size:14px;color:#888}.contact-footer .email{color:#c06b20;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s}.contact-footer .email:hover{border-color:#c06b20}.contact-footer a{color:#777;margin:0 8px;transition:color .2s}.contact-footer a:hover{color:#c06b20}.contact-sep{color:#ccc}.contact-footer .copyright{font-size:12px;color:#bbb;margin-top:4px}@media (max-width: 640px){.services-grid{grid-template-columns:1fr}.hero{padding:36px 16px 16px}.hero h1{font-size:22px}.hero-logo{width:72px}.client-strip{gap:16px}}