/* Cyanopy static site - design tokens */
.cont { max-width: 980px; margin-left: auto; margin-right: auto; }
@media (min-width: 1536px) { .cont { max-width: 1200px; } }
.text-apple { color: #1d1d1f; }
.text-apple-muted { color: #86868b; }
.bg-apple { background-color: #f5f5f7; }
.bg-apple-blue { background-color: #0071e3; }
.text-apple-blue { color: #0071e3; }
.border-apple { border-color: #d2d2d7; }
nav a.active { color: #1d1d1f; }
nav a:not(.active) { color: #86868b; }
nav a:not(.active):hover { color: #1d1d1f; }
.btn-primary { background-color: #0071e3; color: white; padding: 0.75rem 1.5rem; border-radius: 9999px; font-weight: 500; display: inline-flex; align-items: center; gap: 0.375rem; min-height: 44px; }
.btn-primary:hover { opacity: 0.9; }
.btn-outline { border: 2px solid #1d1d1f; color: #1d1d1f; background: transparent; padding: 0.75rem 1.5rem; border-radius: 9999px; font-weight: 500; display: inline-flex; align-items: center; min-height: 44px; }
.btn-outline:hover { background: #f5f5f7; }
input, textarea { border: 1px solid #d2d2d7; border-radius: 0.75rem; padding: 0.75rem 1rem; width: 100%; }
input:focus, textarea:focus { outline: none; border-color: #0071e3; box-shadow: 0 0 0 2px rgba(0,113,227,0.2); }
.input-apple { border: 1px solid #d2d2d7; border-radius: 0.75rem; padding: 0.75rem 1rem; font-size: 1rem; }
.textarea-apple { border: 1px solid #d2d2d7; border-radius: 0.75rem; padding: 0.75rem 1rem; font-size: 1rem; }