nav.site-nav{position:fixed;top:0;inset-inline:0;height:72px;background:#fff;border-bottom:1px solid #e7e7e7;z-index:40}
nav .inner{height:72px}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--color-primary)}
.logo .mark{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}
.menu{display:flex;gap:16px}
.menu a{color:#333;padding:10px 12px;border-radius:8px}
.menu a[aria-current="page"]{background:var(--color-muted);color:var(--color-primary)}
.nav-actions{display:flex;gap:8px}
#menuToggle{display:none}
@media (max-width:960px){#menuToggle{display:inline-flex}.menu{position:fixed;top:72px;inset-inline:0;background:#fff;flex-direction:column;padding:12px;border-bottom:1px solid #e7e7e7;display:none}.menu.open{display:flex}}
.lang-toggle, .theme-toggle{border:1px solid #e7e7e7;padding:.5rem .75rem;border-radius:999px;background:#fff}
.card.service{display:flex;flex-direction:column;gap:10px}
.card.service .icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(13,43,91,.1),rgba(0,178,169,.1));display:flex;align-items:center;justify-content:center}
.card.testimonial{display:flex;flex-direction:column;gap:10px}
.carousel{position:relative}
.carousel-track{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.carousel-track .card{min-width:280px;scroll-snap-align:start}
.carousel .controls{position:absolute;inset-block:50% auto;inset-inline:0;display:flex;justify-content:space-between;transform:translateY(-50%)}
.carousel button{background:#fff;border:1px solid #e7e7e7;border-radius:999px;padding:.5rem .75rem}
.tag{display:inline-flex;align-items:center;background:var(--color-muted);color:#333;border-radius:999px;padding:.25rem .5rem;font-size:12px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.portfolio-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.portfolio-card .body{padding:16px;display:flex;flex-direction:column;gap:8px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.filters .btn{padding:.5rem .75rem}
.form fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.form fieldset .full{grid-column:1/-1}
.form input,.form select,.form textarea{width:100%;padding:.75rem;border:1px solid #e1e1e1;border-radius:10px}
.form .error{color:#b00020;font-size:14px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:12px 0;margin-top:16px;display:flex;justify-content:space-between;align-items:center}