*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;font-size:.9375rem;line-height:1.6;font-weight:400;color:#6B6B6B;background:#FAFAFA}
h1,h2,h3{font-family:'Poppins',sans-serif;font-weight:600;color:#1A1A1A}
h1{font-size:clamp(2rem,4vw,3.5rem)}
h2{font-size:clamp(1.5rem,3vw,2.2rem)}
h3{font-size:1.1rem}

.grain{position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}

/* Hero */
.hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-badge{text-align:center;padding:3rem}
.badge-svg{width:120px;height:140px;margin-bottom:2rem}
.tagline{font-size:.875rem;color:#9E9E9E;margin-top:.5rem;letter-spacing:.05em;text-transform:uppercase}

/* Badges Section */
.badges-section{position:relative;max-width:1100px;margin:0 auto;padding:4rem 2rem 6rem}
.section-title{text-align:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid #9E9E9E}
.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.badge-card{background:#F0F0F0;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;transition:transform .3s ease}
.badge-card:hover{transform:scale(1.03)}
.badge-card svg{width:60px;height:60px;margin-bottom:1rem}
.badge-card h3{margin-bottom:.5rem}
.badge-card p{font-size:.8125rem;line-height:1.5;color:#6B6B6B}

/* About */
.about-section{position:relative;max-width:1100px;margin:0 auto;padding:2rem 2rem 6rem}
.about-content{max-width:600px;margin:0 auto;text-align:center;padding:3rem}
.about-content h2{margin-bottom:1.5rem}
.about-content p{margin-bottom:1rem}
.meta{font-size:.75rem;color:#9E9E9E;letter-spacing:.06em;text-transform:uppercase;margin-top:2rem}

/* Underline-draw links */
a{color:#6B8FBF;text-decoration:none;position:relative}
a::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#6B8FBF;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
a:hover::after{transform:scaleX(1)}

/* Card reveal */
.card{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
.card.visible{opacity:1;transform:translateY(0)}

@media(max-width:768px){
  .badge-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
  .hero{min-height:60vh}
}
@media(max-width:480px){
  .badge-grid{grid-template-columns:1fr}
}