.nav{border-color:rgba(255,255,255,.95);background:rgba(248,250,254,.9);box-shadow:0 14px 34px rgba(76,91,121,.1),inset 0 1px 0 rgba(255,255,255,.9)}
.brand{font-weight:800;letter-spacing:-.02em}
.navlinks{align-items:center;gap:5px;font-size:13px;font-weight:700;color:#53627a}
.navlinks a{padding:9px 12px;border-radius:11px;transition:background .2s ease,color .2s ease,transform .2s ease}
.navlinks a:hover,.navlinks a.active{background:#e5f0ff;color:#006ee6;text-decoration:none}
.navlinks a.active{box-shadow:inset 0 0 0 1px rgba(0,122,255,.1)}
.integration-card{min-height:250px}
.product-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.product-title h3{margin:0}
.product-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;font-size:17px;font-weight:800;box-shadow:0 7px 14px rgba(55,75,110,.16)}
.antigravity-logo{background:linear-gradient(145deg,#4285f4,#8ab4f8)}
.codex-logo{background:linear-gradient(145deg,#1d1d1f,#53627a);font-size:20px}
.claude-logo{background:linear-gradient(145deg,#d97757,#efb08e);font-family:Georgia,serif}
@media(max-width:700px){.nav{padding:12px 14px}.navlinks{gap:2px;font-size:11px}.navlinks a{padding:8px 7px}}