Peptide Integration Certification
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap');
:root {
--ink: #172026;
--surface-dark: #1e3440;
--slate: #2f4a56;
--muted: #5f6b73;
--white: #ffffff;
--cream: #fbfaf6;
--cream-2: #f5f2ea;
--gold: #c9a84c;
--gold-light: #dfc070;
--gold-deep: #a8892a;
--hairline: rgba(23, 32, 38, 0.1);
--font-display: "Cormorant Garamond", Georgia, serif;
--font-body: "DM Sans", system-ui, sans-serif;
}
.ea-page, .ea-page * { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
.ea-page {
background: var(--cream);
color: var(--ink);
font-family: var(--font-body);
font-size: 16px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}
.ea-page a { color: inherit; text-decoration: none; }
.ea-page img { display: block; max-width: 100%; border: 0; }
.ea-page .ea-wrap {
width: min(1180px, calc(100% - 56px));
margin: 0 auto;
}
.ea-page .site-header {
position: absolute;
z-index: 20;
top: 0;
left: 0;
right: 0;
border-bottom: 1px solid rgba(255,255,255,.13);
}
.ea-page .nav-shell {
width: min(1180px, calc(100% - 56px));
height: 90px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.ea-page .brand img { width: 155px; height: auto; }
.ea-page .desktop-nav {
display: flex;
align-items: center;
gap: 34px;
}
.ea-page .desktop-nav a {
color: rgba(255,255,255,.85);
font-size: 15px;
font-weight: 600;
transition: color .2s ease;
}
.ea-page .desktop-nav a:hover { color: var(--gold-light); }
.ea-page a:focus-visible, .ea-page summary:focus-visible {
outline: 2px solid var(--gold-light);
outline-offset: 5px;
}
.ea-page .mobile-nav { display: none; color: var(--white); position: relative; }
.ea-page .mobile-nav summary { cursor: pointer; font-weight: 700; list-style: none; }
.ea-page .mobile-nav summary::-webkit-details-marker { display: none; }
.ea-page .mobile-nav-panel {
position: absolute;
top: 44px;
right: 0;
width: 230px;
padding: 18px;
display: grid;
gap: 14px;
background: var(--surface-dark);
border: 1px solid rgba(255,255,255,.15);
border-radius: 14px;
box-shadow: 0 16px 40px rgba(0,0,0,.22);
}
.ea-page .hero {
position: relative;
min-height: 770px;
overflow: hidden;
background:
radial-gradient(circle at 84% 18%, rgba(223,192,112,.13), transparent 30%),
linear-gradient(135deg, #172a34 0%, var(--surface-dark) 55%, #294a56 100%);
color: var(--white);
}