:root{--color-primary: #0f2a44;--color-accent: #2bb673;--color-accent-hover: #25a765;--color-bg: #f5f7fa;--color-text: #333;--color-muted: #666;--max-width: 1100px}*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;background:var(--color-bg);color:var(--color-text);line-height:1.6}.container{width:90%;max-width:var(--max-width);margin:auto}section{position:relative;overflow:hidden}section .container{will-change:transform;transform:translateZ(0);transition:transform .08s linear}.navbar{background:#fffffff5;border-bottom:1px solid #e5eaf0;box-shadow:0 4px 18px #0f2a440f;padding:14px 0;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-container{display:flex;justify-content:space-between;align-items:center;min-height:56px}.logo{display:block;width:170px;height:52px;background-image:url(/Logo.png);background-repeat:no-repeat;background-position:left center;background-size:contain;text-indent:-9999px;overflow:hidden;white-space:nowrap}.navbar nav{display:flex;align-items:center;gap:24px}.navbar nav a{text-decoration:none;color:#344054;font-size:15px;font-weight:600;padding-bottom:6px;border-bottom:2px solid transparent;transition:color .25s ease,border-color .25s ease}.navbar nav a:hover,.navbar nav a:focus-visible{color:var(--color-primary);border-bottom-color:var(--color-accent)}.hero{position:relative;height:80vh;background-image:url(/images/accounting-office.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f2a44bf}.hero-content{position:relative;max-width:700px;z-index:2;animation:fadeUp 1s ease}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:20px;line-height:1.5}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;margin-top:30px;background:var(--color-accent);padding:14px 30px;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:.3s}.btn:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.services{padding:80px 0;background:#fff}.services h2{text-align:center;margin-bottom:40px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-card{background:#f8f9fb;padding:30px;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;overflow:hidden}.service-card h3{margin:0}.service-card p{max-height:0;opacity:0;margin-top:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease,margin-top .25s ease}.service-card:hover{box-shadow:0 12px 24px #0f2a441f}.service-card:hover p{max-height:200px;opacity:1;margin-top:14px}.about{padding:80px 0}.about h2{text-align:center;margin-bottom:20px}.cta{background:var(--color-primary);color:#fff;text-align:center;padding:80px 20px}.contact{padding:30px 0;text-align:center;background:#fff}.footer{background:#111;color:#fff;text-align:center;padding:10px;font-size:14px}.clients{padding:90px 0;background:#fff;text-align:center}.clients h2{margin-bottom:15px}.clients-subtitle{max-width:600px;margin:auto auto 50px;color:var(--color-muted)}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:40px;align-items:center}.client-logo{display:flex;justify-content:center;align-items:center;background:var(--color-primary);height:90px;padding:10px}.client-logo img{width:120px;height:60px;object-fit:contain;opacity:.7;transition:.3s;filter:grayscale(100%)}.client-logo img:hover{opacity:1;filter:grayscale(0%);transform:scale(1.8)}@media (max-width: 900px){.client-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.client-grid{grid-template-columns:repeat(2,1fr);gap:30px}.client-logo img{width:90px;height:45px}}@media (prefers-reduced-motion: reduce){section .container{transition:none;transform:none!important}}
