:root{
  --primary:#075b5e;
  --accent:#00a4a3;
  --ink:#071718;
  --muted:#5c6b6c;
  --soft:#f2f7f7;
  --line:rgba(2,20,20,.10);
  --ring:rgba(0,164,163,.22);
}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;}
.topbar{background:linear-gradient(90deg,var(--primary),var(--accent));}
.main-nav{background:rgba(0,0,0,.78);backdrop-filter: blur(10px);border-bottom:1px solid rgba(255,255,255,.14);}
.navbar .nav-link{color:rgba(255,255,255,.90);border-radius:.85rem;padding:.5rem .85rem;font-weight:800;}
.navbar .nav-link:hover,.navbar .nav-link:focus{background:rgba(255,255,255,.12);}
.navbar .nav-link.active{background:rgba(0,164,163,.18);border:1px solid rgba(0,164,163,.22);}
.brand-mark{width:14px;height:14px;border-radius:4px;background:var(--accent);box-shadow:0 0 0 6px rgba(0,164,163,.18);}
.section{padding:3.8rem 0;position:relative;}
.section-soft{background:var(--soft);}
.section-angled::before{content:"";position:absolute;left:0;right:0;top:-1px;height:40px;background:inherit;transform:skewY(-2deg);transform-origin:0 0;}
.section-angled::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:40px;background:inherit;transform:skewY(-2deg);transform-origin:100% 100%;}
.hero{position:relative;overflow:hidden;background:#071a1b;}
.hero .hero-bg{position:absolute;inset:-2px;background-size:cover;background-position:center;opacity:.92;}
.hero::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 12% 18%, rgba(0,164,163,.26), transparent 46%),
  radial-gradient(circle at 72% 36%, rgba(255,255,255,.12), transparent 55%),
  linear-gradient(110deg, rgba(0,0,0,.68), rgba(0,0,0,.22));}
.hero .container{position:relative;z-index:2;}
.hero h1{color:#fff;font-weight:950;letter-spacing:-.03em;}
.hero p{color:rgba(255,255,255,.86);}
.kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border-radius:999px;font-weight:900;background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.18);}
.kicker-dark{background:rgba(0,164,163,.12);border-color:rgba(0,164,163,.20);color:var(--primary);}
.svc-card,.proj-card,.prod-card{background:#fff;border:1px solid rgba(2,20,20,.08);border-radius:1.1rem;overflow:hidden;box-shadow:0 16px 34px rgba(7,16,16,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.svc-card:hover,.proj-card:hover,.prod-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(7,16,16,.14);border-color:rgba(0,164,163,.24);}
.card-media img{width:100%;height:190px;object-fit:cover;display:block;}
.badge-soft{background:rgba(0,164,163,.12);color:var(--primary);border:1px solid rgba(0,164,163,.20);}
.btn{border-radius:999px;font-weight:900;}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#052223;}
.btn-accent:hover{filter:brightness(1.05);transform:translateY(-1px);}
.site-footer{background:#071718;color:#fff;}
.footer-link{color:rgba(255,255,255,.74);text-decoration:none;}
.footer-link:hover{color:#fff;text-decoration:underline;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.reveal.is-visible{opacity:1;transform:none;}


.site-logo{border-radius:10px;object-fit:cover;box-shadow:0 10px 20px rgba(0,0,0,.18);}