.brand-signature { width: min(29rem, 100%); height: auto; }.founder-feature { display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }.founder-feature__image { min-height: 26rem; background: linear-gradient(0deg, var(--surface), transparent 35%), url('../assets/founder/jonatan-vale-founder.webp') center 25% / cover no-repeat; }.founder-feature__copy { padding: clamp(1.5rem, 4vw, 3.5rem); }.founder-feature h2 { max-width: 14ch; font-family: var(--font-display); font-size: clamp(2.2rem, 5vw, 4.5rem); font-weight: 500; }.founder-feature p { color: var(--muted); }.partner-credits { display: grid; gap: 1rem; align-items: center; margin-top: 1.5rem; }.partner-credit { display: flex; min-height: 6rem; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }.partner-credit img { width: 4.5rem; height: 4.5rem; object-fit: contain; border-radius: .5rem; }.partner-credit p { margin: 0; color: var(--muted); font-size: .8rem; }.assistant-layout { display: grid; gap: 1rem; }.assistant-answer { min-height: 9rem; padding: 1.2rem; border-left: 2px solid var(--gold); background: color-mix(in srgb, var(--gold) 7%, var(--surface)); color: var(--muted); }.achievement-grid { display: grid; gap: .8rem; }.achievement { padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }.achievement strong { display: block; color: var(--gold); font-family: var(--font-display); font-size: 1.4rem; }.certificate { position: relative; overflow: hidden; padding: clamp(2rem, 8vw, 6rem); border: 10px solid #b78b39; background: #f7f2e8; color: #17212a; text-align: center; }.certificate::before, .certificate::after { position: absolute; width: 14rem; height: 14rem; border: 1px solid #b78b39; border-radius: 50%; content: ''; opacity: .35; }.certificate::before { top: -8rem; left: -7rem; }.certificate::after { right: -7rem; bottom: -8rem; }.certificate h1 { max-width: none; color: #152431; font-size: clamp(2.4rem, 6vw, 5rem); }.certificate h2 { color: #a47625; font-family: var(--font-display); font-size: clamp(1.9rem, 4vw, 3.5rem); font-weight: 500; }.certificate p { position: relative; z-index: 1; }.certificate__seal { width: 6rem; margin: 1rem auto; }.certificate__line { display: inline-block; min-width: 14rem; border-top: 1px solid #6a5b40; padding-top: .45rem; font-size: .8rem; }.firebase-status { color: var(--muted); font-size: .86rem; }.google-button { display: inline-flex; min-height: 2.8rem; align-items: center; gap: .6rem; padding: .7rem 1rem; border: 1px solid var(--line); border-radius: 99px; background: #fff; color: #1f2933; font-weight: 750; }.google-button::before { display: grid; width: 1.2rem; aspect-ratio: 1; place-items: center; border-radius: 50%; background: conic-gradient(#4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0); content: 'G'; color: white; font-size: .68rem; }.perf-note { color: var(--muted); font-size: .78rem; } @media (min-width: 48rem) { .founder-feature { grid-template-columns: .8fr 1.2fr; }.partner-credits { grid-template-columns: 1fr 1fr; }.assistant-layout { grid-template-columns: 1.2fr .8fr; }.achievement-grid { grid-template-columns: repeat(3, 1fr); } } @media print { .site-header, .site-footer, .skip-link, .no-print { display: none !important; } body { background: #fff; } .certificate { margin: 0; min-height: 100vh; box-shadow: none; } }
