/*
Theme Name: WhoAmI
Theme URI: https://whoami.com.ua
Author: WhoAmI
Description: Lightweight custom theme for the WhoAmI marketing website.
Version: 1.0.0
Text Domain: whoami
*/

.whoami-skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 100; padding: .75rem; background: #fff; }
.whoami-skip-link:focus { top: 1rem; }
:focus-visible { outline: 2px solid #0f766e !important; outline-offset: 3px; }
main { overflow-wrap: anywhere; }
.whoami-article-content pre, .whoami-article-content .wp-block-table { max-width: 100%; overflow-x: auto; }
.whoami-article-content iframe { max-width: 100%; }
@media (min-width: 48rem) and (max-width: 63.99rem) {
    .whoami-site-header > .whoami-header__inner > .whoami-navigation { display: none; }
    .whoami-site-header .whoami-mobile-menu { display: block; order: 4; }
    .whoami-site-header .whoami-mobile-menu .menu { display: grid; }
}

:root {
    --whoami-color-primary: #0f766e; --whoami-color-primary-hover: #0b5f59; --whoami-color-primary-active: #094c48; --whoami-color-secondary: #10b981; --whoami-color-accent: #86efac; --whoami-color-accent-soft: #dcfce7; --whoami-color-focus: #34d399;
    --whoami-color-text: #12372f; --whoami-color-text-secondary: #46665e; --whoami-color-text-muted: #526f65; --whoami-color-text-inverse: #fff;
    --whoami-color-bg: #f8fcfa; --whoami-color-bg-soft: #f0f9f5; --whoami-color-bg-muted: #e8f5ef; --whoami-color-surface: #fff; --whoami-color-surface-hover: #f5fbf8; --whoami-color-border: #d8e8e1; --whoami-color-border-strong: #b9d6cb;
    --whoami-radius-sm: 10px; --whoami-radius-card: 16px; --whoami-radius-pill: 999px; --whoami-shadow-card: 0 8px 24px rgb(18 55 47 / 6%); --whoami-shadow-focus: 0 0 0 4px rgb(52 211 153 / 20%);
    --whoami-space-1: .25rem; --whoami-space-2: .5rem; --whoami-space-3: .75rem; --whoami-space-4: 1rem; --whoami-space-5: 1.25rem; --whoami-space-6: 1.5rem; --whoami-space-8: 2rem; --whoami-space-10: 2.5rem; --whoami-space-12: 3rem; --whoami-space-16: 4rem; --whoami-space-20: 5rem; --whoami-space-24: 6rem;
    --whoami-container: 72rem; --whoami-container-narrow: 46rem; --whoami-gutter: 1.25rem; --whoami-font: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --whoami-font-size: 1rem; --whoami-line-height: 1.6;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--whoami-color-bg); color: var(--whoami-color-text); font-family: var(--whoami-font); font-size: var(--whoami-font-size); line-height: var(--whoami-line-height); text-rendering: optimizeLegibility; } p { line-height: 1.4; }
img { display: block; max-width: 100%; height: auto; } a { color: var(--whoami-color-primary); text-decoration-thickness: 1px; text-underline-offset: .16em; } a:hover { color: var(--whoami-color-primary-hover); } button, input, textarea, select { font: inherit; } :focus-visible { outline: 0; box-shadow: var(--whoami-shadow-focus); }
.whoami-container { width: min(100% - (var(--whoami-gutter) * 2), var(--whoami-container)); margin-inline: auto; } .whoami-container--narrow { max-width: var(--whoami-container-narrow); } .whoami-section { padding-block: var(--whoami-space-16); } .whoami-section--muted { background: var(--whoami-color-bg-soft) url("assets/section-muted-bg.png") right center / 130% auto no-repeat; }
.whoami-screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.whoami-site-header { position: sticky; z-index: 20; top: 0; background: rgb(248 252 250 / 92%); border-bottom: 1px solid rgb(216 232 225 / 80%); backdrop-filter: blur(14px); }
.whoami-header__inner { min-height: 4.5rem; display: flex; align-items: center; gap: var(--whoami-space-3); justify-content: space-between; }
.whoami-brand { display: inline-flex; align-items: center; text-decoration: none; } .whoami-brand__logo { display: block; width: 7.5rem; height: auto; }
.whoami-button { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; gap: var(--whoami-space-2); padding: .625rem 1rem; border: 1px solid transparent; border-radius: var(--whoami-radius-sm); background: var(--whoami-color-primary); color: var(--whoami-color-text-inverse); font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; transition: background-color 160ms ease, transform 160ms ease; } .whoami-button:hover { background: var(--whoami-color-primary-hover); color: #fff; transform: translateY(-1px); } .whoami-button:active { background: var(--whoami-color-primary-active); transform: none; } .whoami-button--secondary { background: var(--whoami-color-surface); border-color: var(--whoami-color-border); color: var(--whoami-color-primary); } .whoami-button--secondary:hover { background: var(--whoami-color-bg-soft); color: var(--whoami-color-primary-hover); }
.whoami-header__cta { flex: 0 0 auto; font-size: .875rem; padding-inline: .75rem; } .whoami-mobile-menu { order: 3; } .whoami-mobile-menu summary { display: flex; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-sm); cursor: pointer; list-style: none; } .whoami-mobile-menu summary::-webkit-details-marker { display: none; } .whoami-mobile-menu summary::before { content: ""; width: 1.1rem; height: .75rem; border-block: 2px solid var(--whoami-color-text); background: linear-gradient(var(--whoami-color-text),var(--whoami-color-text)) center / 100% 2px no-repeat; } .whoami-mobile-menu[open] summary::before { transform: rotate(90deg); }
.whoami-navigation { display: none; } .whoami-mobile-menu .whoami-navigation { position: absolute; top: calc(100% + .5rem); left: var(--whoami-gutter); right: var(--whoami-gutter); display: block; padding: var(--whoami-space-3); border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); box-shadow: var(--whoami-shadow-card); } .whoami-navigation .menu, .whoami-footer__menu { list-style: none; padding: 0; margin: 0; } .whoami-navigation .menu { display: grid; gap: var(--whoami-space-1); } .whoami-navigation .menu a { display: block; padding: .75rem; border-radius: var(--whoami-radius-sm); color: var(--whoami-color-text-secondary); font-weight: 600; text-decoration: none; } .whoami-navigation .menu a:hover { background: var(--whoami-color-bg-soft); color: var(--whoami-color-primary); } .whoami-navigation .current-menu-item > a, .whoami-navigation .current-menu-parent > a, .whoami-navigation .current-menu-ancestor > a { border-bottom: 2px solid #0f766e; border-radius: 0; color: #0f766e; }
.whoami-card { padding: var(--whoami-space-6); border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); box-shadow: var(--whoami-shadow-card); } .whoami-badge { display: inline-flex; align-items: center; min-height: 1.75rem; padding-inline: .65rem; border-radius: var(--whoami-radius-pill); background: var(--whoami-color-accent-soft); color: #166534; font-size: .75rem; font-weight: 700; letter-spacing: .02em; }
.whoami-breadcrumbs { display: flex; flex-wrap: wrap; gap: var(--whoami-space-2); margin-bottom: var(--whoami-space-6); color: var(--whoami-color-text-muted); font-size: .875rem; } .whoami-breadcrumbs a { color: inherit; } .whoami-breadcrumbs__separator { color: var(--whoami-color-border-strong); }
.whoami-cta { padding: var(--whoami-space-8); border-radius: var(--whoami-radius-card); background: var(--whoami-color-primary); color: #fff; } .whoami-cta h2 { margin: 0; color: inherit; } .whoami-cta p { margin: var(--whoami-space-3) 0 0; color: rgb(255 255 255 / 82%); } .whoami-cta .whoami-button { margin-top: var(--whoami-space-6); background: #fff; color: var(--whoami-color-primary); }
.whoami-article { padding-block: var(--whoami-space-12) var(--whoami-space-20); } .whoami-article__header { margin-bottom: var(--whoami-space-8); } .whoami-article__title, .whoami-article-content h1, .whoami-article-content h2, .whoami-article-content h3 { color: var(--whoami-color-text); line-height: 1.16; letter-spacing: -.04em; } .whoami-article__title { margin: 0; font-size: clamp(2rem,5vw,3.5rem); } .whoami-article-content { color: var(--whoami-color-text-secondary); } .whoami-article-content > * + * { margin-top: var(--whoami-space-5); } .whoami-article-content h2 { margin-top: var(--whoami-space-10); font-size: clamp(1.5rem,3vw,2rem); } .whoami-article-content h3 { margin-top: var(--whoami-space-8); font-size: 1.25rem; } .whoami-article-content ul, .whoami-article-content ol { padding-left: 1.25rem; } .whoami-article-content blockquote { margin-inline: 0; padding: var(--whoami-space-5); border-left: 3px solid var(--whoami-color-secondary); background: var(--whoami-color-bg-soft); border-radius: 0 var(--whoami-radius-sm) var(--whoami-radius-sm) 0; color: var(--whoami-color-text); }
.whoami-site-footer { padding-block: var(--whoami-space-12) var(--whoami-space-6); border-top: 1px solid var(--whoami-color-border); background: var(--whoami-color-surface); } .whoami-footer__grid { display: grid; gap: var(--whoami-space-10); } .whoami-footer__about { max-width: 18rem; } .whoami-footer__about p { margin: var(--whoami-space-4) 0 0; color: var(--whoami-color-text-secondary); font-size: .9375rem; } .whoami-footer__title { margin: 0 0 var(--whoami-space-3); color: var(--whoami-color-text); font-size: .875rem; font-weight: 700; } .whoami-footer__menu { display: grid; gap: var(--whoami-space-2); } .whoami-footer__menu a { color: var(--whoami-color-text-secondary); font-size: .875rem; text-decoration: none; } .whoami-footer__menu a:hover { color: var(--whoami-color-primary); text-decoration: underline; } .whoami-footer__bottom { margin-top: var(--whoami-space-12); padding-top: var(--whoami-space-5); border-top: 1px solid var(--whoami-color-border); color: var(--whoami-color-text-muted); font-size: .8125rem; }
@media (min-width: 48rem) { :root { --whoami-gutter: 2rem; } .whoami-section { padding-block: var(--whoami-space-20); } .whoami-header__inner { min-height: 5rem; } .whoami-header__cta { order: 3; padding-inline: 1rem; } .whoami-mobile-menu { display: none; } .whoami-navigation { display: block; margin-left: auto; } .whoami-navigation .menu { display: flex; align-items: center; gap: var(--whoami-space-1); } .whoami-navigation .menu a { padding: .5rem .65rem; font-size: .875rem; } .whoami-cta { padding: var(--whoami-space-12); } .whoami-footer__grid { grid-template-columns: minmax(0,1.3fr) repeat(3,minmax(0,1fr)); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

.whoami-eyebrow { margin: 0 0 var(--whoami-space-3); color: var(--whoami-color-primary); font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.whoami-home-hero { overflow: hidden; padding-top: var(--whoami-space-12); background: radial-gradient(circle at 90% 10%, var(--whoami-color-accent-soft), transparent 32rem); }
.whoami-home-hero__grid { display: grid; gap: var(--whoami-space-10); align-items: center; }
.whoami-home-steps { background: var(--whoami-color-bg-soft) url("assets/steps-bg.png") center / cover no-repeat; }
.whoami-home-benefits { background: var(--whoami-color-bg-soft) url("assets/benefits-bg.png") center / cover no-repeat; }
.whoami-home-faq { background: var(--whoami-color-bg-soft) url("assets/faq-bg.png") center / cover no-repeat; }
.whoami-home-benefits .whoami-benefit-grid article { display: grid; grid-template-columns: 1.25rem 1fr; column-gap: var(--whoami-space-3); row-gap: var(--whoami-space-2); }.whoami-home-benefits .whoami-benefit-card__icon { grid-column: 1; grid-row: 1; align-self: center; width: 1.1rem; height: 1.1rem; color: var(--whoami-color-primary); fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }.whoami-home-benefits .whoami-benefit-grid h3 { grid-column: 2; grid-row: 1; margin: 0; }.whoami-home-benefits .whoami-benefit-grid p { grid-column: 1 / -1; }
.whoami-home-hero h1 { margin: var(--whoami-space-4) 0; font-size: clamp(2.4rem, 6vw, 4rem); line-height: 1.02; letter-spacing: -.06em; }
.whoami-home-hero__copy > p { max-width: 37rem; margin: 0; color: var(--whoami-color-text-secondary); font-size: clamp(1.05rem, 2vw, 1.25rem); }
.whoami-home-actions { display: flex; flex-wrap: wrap; gap: var(--whoami-space-3); margin-top: var(--whoami-space-6); }
.whoami-profile-preview { padding: var(--whoami-space-5); border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); box-shadow: 0 18px 45px rgb(18 55 47 / 10%); }
.whoami-profile-preview__top, .whoami-profile-preview__identity { display: flex; align-items: center; justify-content: space-between; gap: var(--whoami-space-3); }
.whoami-profile-preview__top { color: var(--whoami-color-text-muted); font-size: .75rem; font-weight: 700; }
.whoami-profile-preview__status { padding: .2rem .5rem; border-radius: var(--whoami-radius-pill); background: var(--whoami-color-accent-soft); color: #166534; }
.whoami-profile-preview__identity { justify-content: flex-start; margin-block: var(--whoami-space-6); }
.whoami-profile-preview__identity small { display: block; color: var(--whoami-color-text-muted); font-size: .8rem; }.whoami-profile-preview__avatar { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border-radius: 50%; background: var(--whoami-color-primary); color: #fff; font-weight: 800; }
.whoami-profile-preview__scores { display: grid; gap: var(--whoami-space-3); }.whoami-profile-preview__scores div { display: grid; grid-template-columns: 7rem 1fr; align-items: center; gap: var(--whoami-space-3); color: var(--whoami-color-text-secondary); font-size: .8rem; }.whoami-profile-preview__scores i { display: block; height: .5rem; border-radius: var(--whoami-radius-pill); background: var(--whoami-color-bg-muted); }.whoami-profile-preview__scores i::after { content: ""; display: block; width: var(--score); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--whoami-color-primary), var(--whoami-color-secondary)); }.whoami-profile-preview__insight { display: flex; gap: var(--whoami-space-3); margin-top: var(--whoami-space-6); padding: var(--whoami-space-4); border-radius: var(--whoami-radius-sm); background: var(--whoami-color-bg-soft); }.whoami-profile-preview__insight span { color: var(--whoami-color-primary); }.whoami-profile-preview__insight p { margin: 0; color: var(--whoami-color-text-secondary); font-size: .85rem; }
.whoami-home-intro, .whoami-section-heading { max-width: 46rem; }.whoami-home-intro h2, .whoami-section-heading h2, .whoami-results-showcase h2, .whoami-result-cta h2 { margin: 0; font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.08; letter-spacing: -.05em; }.whoami-home-intro > p:last-child, .whoami-section-heading > p:last-child { color: var(--whoami-color-text-secondary); }
.whoami-trait-grid, .whoami-benefit-grid { display: grid; gap: var(--whoami-space-4); margin-top: var(--whoami-space-8); }.whoami-trait-card { min-height: 10rem; }.whoami-trait-card__dot { display: block; width: .65rem; height: .65rem; border-radius: 50%; background: var(--whoami-color-secondary); }.whoami-trait-card h3, .whoami-benefit-grid h3 { margin: var(--whoami-space-4) 0 var(--whoami-space-2); font-size: 1.05rem; }.whoami-trait-card p, .whoami-benefit-grid p { margin: 0; color: var(--whoami-color-text-secondary); font-size: .875rem; }.whoami-home-centered { margin: var(--whoami-space-8) 0 0; text-align: center; }
.whoami-home-trait-grid .whoami-trait-card { display: grid; min-height: 0; grid-template-columns: .65rem 1fr; column-gap: var(--whoami-space-3); row-gap: var(--whoami-space-2); align-content: start; }.whoami-home-trait-grid .whoami-trait-card__dot { grid-column: 1; grid-row: 1; align-self: center; }.whoami-home-trait-grid .whoami-trait-card h3 { grid-column: 2; grid-row: 1; margin: 0; }.whoami-home-trait-grid .whoami-trait-card p { grid-column: 1 / -1; }
.whoami-steps { display: grid; gap: var(--whoami-space-4); padding: 0; margin: var(--whoami-space-8) 0 0; list-style: none; counter-reset: steps; }.whoami-steps li { display: grid; grid-template-columns: 2.5rem 1fr; gap: var(--whoami-space-3); align-items: start; padding: var(--whoami-space-5); border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); }.whoami-steps span { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: 50%; background: var(--whoami-color-accent-soft); color: var(--whoami-color-primary); font-weight: 800; }.whoami-steps h3 { margin: .5rem 0 0; font-size: .875rem; }
.whoami-results-showcase { display: grid; gap: var(--whoami-space-8); align-items: center; }.whoami-results-showcase__copy p:not(.whoami-eyebrow) { color: var(--whoami-color-text-secondary); }.whoami-results-showcase ul { display: grid; gap: var(--whoami-space-3); padding: 0; list-style: none; }.whoami-results-showcase li::before { content: "✓"; margin-right: .65rem; color: var(--whoami-color-secondary); font-weight: 800; }
.whoami-results-board img { width: 100%; border-radius: var(--whoami-radius-card); }
.whoami-benefit-grid article { padding: var(--whoami-space-5); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); }.whoami-benefit-grid article > span { color: var(--whoami-color-primary); }.whoami-result-cta { display: grid; gap: var(--whoami-space-8); align-items: center; padding: var(--whoami-space-8); border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); box-shadow: var(--whoami-shadow-card); }.whoami-result-cta__copy > p:not(.whoami-eyebrow) { max-width: 39rem; margin: var(--whoami-space-4) 0 0; color: var(--whoami-color-text-secondary); }.whoami-result-cta__features { display: flex; flex-wrap: wrap; gap: var(--whoami-space-2); padding: 0; margin: var(--whoami-space-6) 0; list-style: none; }.whoami-result-cta__features li { padding: .45rem .7rem; border-radius: var(--whoami-radius-pill); background: var(--whoami-color-bg-soft); color: var(--whoami-color-primary); font-size: .85rem; font-weight: 700; }.whoami-result-cta__features li::before { content: "✓"; margin-right: .4rem; color: var(--whoami-color-secondary); }.whoami-result-cta__preview { display: grid; min-height: 14rem; place-items: center; border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: var(--whoami-color-bg-soft); }.whoami-result-cta__profile { display: grid; width: min(100% - 3rem, 15rem); gap: var(--whoami-space-2); padding: var(--whoami-space-5); border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-sm); background: var(--whoami-color-surface); box-shadow: var(--whoami-shadow-card); }.whoami-result-cta__profile strong { color: var(--whoami-color-primary); font-size: 3rem; line-height: 1; }.whoami-result-cta__profile span { color: var(--whoami-color-text-secondary); font-size: .875rem; font-weight: 700; }.whoami-result-cta__profile i { display: block; height: .45rem; border-radius: var(--whoami-radius-pill); background: var(--whoami-color-bg-muted); }.whoami-result-cta__profile i::after { content: ""; display: block; width: var(--score); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--whoami-color-primary), var(--whoami-color-secondary)); }.whoami-home-final-cta { display: grid; grid-template-columns: 1fr; gap: var(--whoami-space-6); align-items: center; }.whoami-home-final-cta .whoami-button { width: fit-content; }
.whoami-faq { margin-top: var(--whoami-space-8); border-top: 1px solid var(--whoami-color-border); }.whoami-faq details { border-bottom: 1px solid var(--whoami-color-border); }.whoami-faq summary { display: flex; justify-content: space-between; gap: var(--whoami-space-4); padding-block: var(--whoami-space-5); cursor: pointer; color: var(--whoami-color-text); font-weight: 700; list-style: none; }.whoami-faq summary::-webkit-details-marker { display: none; }.whoami-faq summary span { color: var(--whoami-color-primary); font-size: 1.25rem; }.whoami-faq details[open] summary span { transform: rotate(45deg); }.whoami-faq p { max-width: 43rem; margin: 0 0 var(--whoami-space-5); color: var(--whoami-color-text-secondary); }
@media (min-width: 40rem) { .whoami-trait-grid, .whoami-benefit-grid { grid-template-columns: repeat(2, 1fr); }.whoami-steps { grid-template-columns: repeat(2, 1fr); }.whoami-result-cta { grid-template-columns: minmax(0, 1.25fr) minmax(14rem, .75fr); }.whoami-home-final-cta { grid-template-columns: 1fr auto; } }
@media (min-width: 64rem) { .whoami-home-hero { padding-block: var(--whoami-space-24); }.whoami-home-hero__grid { grid-template-columns: 1.1fr .9fr; gap: var(--whoami-space-16); }.whoami-trait-grid, .whoami-benefit-grid { grid-template-columns: repeat(3, 1fr); }.whoami-results-showcase { grid-template-columns: 1fr 1fr; gap: var(--whoami-space-16); } }
.whoami-tests-hero { background: var(--whoami-color-bg-soft) url("assets/tests-hero-bg.png") center / cover no-repeat; }.whoami-tests-hero h1 { max-width: 18ch; margin: 0; font-size: clamp(2.4rem, 6vw, 4.3rem); line-height: 1.05; letter-spacing: -.055em; }.whoami-tests-hero h1 + p { color: var(--whoami-color-text-secondary); font-size: 1.15rem; }.whoami-test-featured { display: grid; gap: var(--whoami-space-8); padding: var(--whoami-space-8); border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); box-shadow: var(--whoami-shadow-card); }.whoami-test-featured h2 { margin: var(--whoami-space-4) 0; font-size: clamp(1.8rem,4vw,2.5rem); letter-spacing: -.04em; }.whoami-test-featured p { color: var(--whoami-color-text-secondary); }.whoami-test-features { display: flex; flex-wrap: wrap; gap: var(--whoami-space-2); padding: 0; margin: var(--whoami-space-6) 0; list-style: none; }.whoami-test-features li { padding: .45rem .7rem; border-radius: var(--whoami-radius-pill); background: var(--whoami-color-bg-soft); color: var(--whoami-color-primary); font-size: .85rem; font-weight: 700; }.whoami-test-featured__visual { display: grid; min-height: 14rem; place-content: center; border-radius: var(--whoami-radius-card); background: var(--whoami-color-bg-muted) url("assets/test-featured-visual-bg.png") center / cover no-repeat; text-align: center; }.whoami-test-featured__visual span { color: var(--whoami-color-primary); font-size: 5rem; font-weight: 800; line-height: 1; letter-spacing: -.08em; }.whoami-test-featured__visual small { color: var(--whoami-color-text-secondary); }.whoami-coming-grid { display: grid; gap: var(--whoami-space-4); margin-top: var(--whoami-space-8); }.whoami-coming-card { opacity: .75; }.whoami-coming-card__label { display: inline-block; padding: .25rem .55rem; border-radius: var(--whoami-radius-pill); background: var(--whoami-color-bg-muted); color: var(--whoami-color-text-muted); font-size: .75rem; font-weight: 700; }.whoami-coming-card h3 { margin-bottom: var(--whoami-space-2); }.whoami-coming-card p { margin: 0; color: var(--whoami-color-text-muted); }.whoami-seo-copy { color: var(--whoami-color-text-secondary); }.whoami-seo-copy h2, .whoami-notice h2 { color: var(--whoami-color-text); font-size: clamp(1.75rem,4vw,2.5rem); letter-spacing: -.04em; }.whoami-notice { padding: var(--whoami-space-8); border-left: 4px solid var(--whoami-color-secondary); border-radius: 0 var(--whoami-radius-card) var(--whoami-radius-card) 0; background: var(--whoami-color-bg-soft); color: var(--whoami-color-text-secondary); }
@media (min-width: 40rem) { .whoami-coming-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64rem) { .whoami-test-featured { grid-template-columns: 1.25fr .75fr; }.whoami-coming-grid { grid-template-columns: repeat(4, 1fr); } }
.whoami-trait-hub-grid .whoami-trait-card__heading { display: flex; align-items: center; gap: var(--whoami-space-3); }.whoami-trait-hub-grid .whoami-trait-card__icon { flex: 0 0 auto; width: 1.4rem; height: 1.4rem; color: var(--whoami-color-primary); fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }.whoami-trait-hub-grid .whoami-trait-card h3 { margin: 0; }
.whoami-trait-hub-grid a { color: inherit; text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease; }.whoami-trait-hub-grid a:hover { transform: translateY(-2px); box-shadow: var(--whoami-shadow-card); }.whoami-trait-card__link { display: inline-block; margin-top: var(--whoami-space-4); color: var(--whoami-color-primary); font-size: .875rem; font-weight: 700; }.whoami-trait-cta { display: grid; grid-template-columns: 1fr; gap: var(--whoami-space-5); margin-top: var(--whoami-space-12); }.whoami-trait-cta .whoami-button { width: fit-content; }.whoami-other-traits { margin-top: var(--whoami-space-12); padding-top: var(--whoami-space-8); border-top: 1px solid var(--whoami-color-border); }.whoami-other-traits h2 { font-size: 1.5rem; }.whoami-other-traits__links { display: flex; flex-wrap: wrap; gap: var(--whoami-space-2); }.whoami-other-traits__links a { padding: .5rem .75rem; border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-pill); background: var(--whoami-color-surface); text-decoration: none; }.whoami-other-traits__links a:hover { background: var(--whoami-color-bg-soft); }
@media (min-width: 40rem) { .whoami-trait-cta { grid-template-columns: 1fr auto; align-items: center; } }
.whoami-trait-hero { padding-block: var(--whoami-space-10) var(--whoami-space-16); background: var(--whoami-color-bg-soft) url("assets/tests-hero-bg.png") center / cover no-repeat; }.whoami-trait-hero h1, .whoami-trait-copy h2, .whoami-trait-note h2, .whoami-trait-profile h2, .whoami-trait-final-cta h2 { margin: 0; color: var(--whoami-color-text); font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.08; letter-spacing: -.05em; }.whoami-trait-hero__lead { max-width: 43rem; margin: var(--whoami-space-5) 0 0; color: var(--whoami-color-text-secondary); font-size: 1.12rem; }.whoami-trait-hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--whoami-space-4); margin-top: var(--whoami-space-6); color: var(--whoami-color-text-secondary); font-size: .9rem; font-weight: 700; }.whoami-trait-copy { color: var(--whoami-color-text-secondary); }.whoami-trait-copy h2 { margin-bottom: var(--whoami-space-5); font-size: clamp(1.8rem, 4vw, 2.5rem); }.whoami-trait-copy p { max-width: 44rem; margin: var(--whoami-space-4) 0 0; }.whoami-trait-manifestations, .whoami-trait-related-grid { display: grid; gap: var(--whoami-space-4); margin-top: var(--whoami-space-8); }.whoami-trait-manifestations article { padding: var(--whoami-space-5); border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); }.whoami-trait-manifestations h3, .whoami-trait-related-card h3 { margin: 0; color: var(--whoami-color-text); font-size: 1.05rem; }.whoami-trait-manifestations p, .whoami-trait-related-card p { margin: var(--whoami-space-3) 0 0; color: var(--whoami-color-text-secondary); font-size: .9375rem; }.whoami-trait-note { padding: var(--whoami-space-6); border-left: 4px solid var(--whoami-color-secondary); border-radius: 0 var(--whoami-radius-card) var(--whoami-radius-card) 0; background: var(--whoami-color-bg-soft); }.whoami-trait-note h2 { font-size: clamp(1.7rem, 4vw, 2.25rem); }.whoami-trait-note p:last-child { margin: var(--whoami-space-4) 0 0; color: var(--whoami-color-text-secondary); }.whoami-trait-profile { background: var(--whoami-color-bg-muted); }.whoami-trait-profile__grid { display: grid; gap: var(--whoami-space-8); align-items: center; }.whoami-trait-profile__grid p:not(.whoami-eyebrow) { max-width: 42rem; color: var(--whoami-color-text-secondary); }.whoami-trait-profile .whoami-button { margin-top: var(--whoami-space-5); }.whoami-trait-profile__visual { position: relative; display: grid; min-height: 17rem; place-items: center; overflow: hidden; border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: radial-gradient(circle at center, #fff 0 23%, transparent 24%), radial-gradient(circle at center, transparent 0 45%, rgb(16 185 129 / 18%) 46% 47%, transparent 48%), linear-gradient(135deg, #effbf6, #d9f3e8); }.whoami-trait-profile__visual::before, .whoami-trait-profile__visual::after { position: absolute; width: 20rem; height: 20rem; border: 1px solid rgb(15 118 110 / 18%); border-radius: 50%; content: ""; }.whoami-trait-profile__visual::after { width: 13rem; height: 13rem; }.whoami-trait-profile__visual i { position: absolute; width: .65rem; height: .65rem; border-radius: 50%; background: var(--whoami-color-secondary); }.whoami-trait-profile__visual i:nth-of-type(1) { transform: translate(0, -6.2rem); }.whoami-trait-profile__visual i:nth-of-type(2) { transform: translate(4.5rem, -4.3rem); }.whoami-trait-profile__visual i:nth-of-type(3) { transform: translate(6.2rem, 0); }.whoami-trait-profile__visual i:nth-of-type(4) { transform: translate(4.5rem, 4.3rem); }.whoami-trait-profile__visual i:nth-of-type(5) { transform: translate(0, 6.2rem); }.whoami-trait-profile__visual i:nth-of-type(6) { transform: translate(-4.5rem, 4.3rem); }.whoami-trait-profile__visual i:nth-of-type(7) { transform: translate(-6.2rem, 0); }.whoami-trait-profile__visual i:nth-of-type(8) { transform: translate(-4.5rem, -4.3rem); }.whoami-trait-profile__visual strong { position: relative; z-index: 1; display: grid; place-items: center; width: 6.5rem; height: 6.5rem; border-radius: 50%; background: var(--whoami-color-surface); box-shadow: var(--whoami-shadow-card); color: var(--whoami-color-primary); font-size: 2.7rem; line-height: 1; }.whoami-trait-profile__visual small { display: block; max-width: 4.5rem; margin-top: .2rem; color: var(--whoami-color-text-secondary); font-size: .62rem; font-weight: 700; line-height: 1.2; text-align: center; }.whoami-trait-related-card { display: flex; min-height: 12rem; flex-direction: column; color: inherit; text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease; }.whoami-trait-related-card:hover { transform: translateY(-2px); box-shadow: var(--whoami-shadow-card); }.whoami-trait-related-card span { margin-top: auto; padding-top: var(--whoami-space-4); color: var(--whoami-color-primary); font-size: .875rem; font-weight: 700; }.whoami-trait-final-cta { display: grid; gap: var(--whoami-space-6); align-items: center; padding: var(--whoami-space-8); border-radius: var(--whoami-radius-card); background: var(--whoami-color-primary); color: #fff; }.whoami-trait-final-cta h2 { color: inherit; font-size: clamp(1.8rem, 4vw, 2.5rem); }.whoami-trait-final-cta p { max-width: 43rem; margin: var(--whoami-space-3) 0 0; color: rgb(255 255 255 / 84%); }.whoami-trait-final-cta .whoami-button { width: fit-content; background: #fff; color: var(--whoami-color-primary); }
@media (min-width: 40rem) { .whoami-trait-manifestations, .whoami-trait-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.whoami-how-benefit__heading { display: flex; align-items: baseline; gap: var(--whoami-space-2); }.whoami-how-benefit__heading svg { flex: 0 0 auto; width: 1.1rem; height: 1.1rem; transform: translateY(.12em); color: var(--whoami-color-primary); fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }.whoami-how-benefit__heading h3 { margin: 0; }
@media (min-width: 64rem) { .whoami-trait-hero { padding-block: var(--whoami-space-12) var(--whoami-space-20); }.whoami-trait-profile__grid { grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr); gap: var(--whoami-space-16); }.whoami-trait-related-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.whoami-trait-final-cta { grid-template-columns: 1fr auto; } }
.whoami-how-benefits .whoami-how-benefit__heading h3 { margin: 0; }
.whoami-button--coming:disabled { margin-top: var(--whoami-space-4); background: var(--whoami-color-bg-muted); color: var(--whoami-color-text-muted); cursor: not-allowed; opacity: 1; }
.whoami-blog-topics { background: var(--whoami-color-bg-soft); }.whoami-blog-topics__grid { display: grid; gap: var(--whoami-space-4); margin-top: var(--whoami-space-8); }.whoami-blog-topic { display: flex; min-height: 12rem; flex-direction: column; padding: var(--whoami-space-5); border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); color: inherit; text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease; }.whoami-blog-topic:hover { transform: translateY(-2px); box-shadow: var(--whoami-shadow-card); }.whoami-blog-topic svg { width: 1.3rem; height: 1.3rem; color: var(--whoami-color-primary); fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }.whoami-blog-topic h3 { margin: var(--whoami-space-4) 0 var(--whoami-space-2); }.whoami-blog-topic p { margin: 0; color: var(--whoami-color-text-secondary); font-size: .9rem; }.whoami-blog-topic span { margin-top: auto; padding-top: var(--whoami-space-4); color: var(--whoami-color-primary); font-size: .85rem; font-weight: 700; } @media (min-width:40rem){.whoami-blog-topics__grid{grid-template-columns:repeat(2,1fr)}} @media (min-width:64rem){.whoami-blog-topics__grid{grid-template-columns:repeat(5,1fr)}.whoami-blog-topic{min-height:14rem}}
.whoami-post-card { display: flex; min-height: 100%; flex-direction: column; padding: 0; overflow: hidden; }.whoami-post-card__image, .whoami-post-card__fallback { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--whoami-color-bg-muted); }.whoami-post-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 180ms ease; }.whoami-post-card:hover .whoami-post-card__image img { transform: scale(1.025); }.whoami-post-card__fallback { display: grid; place-items: center; background: linear-gradient(135deg, var(--whoami-color-bg-soft), var(--whoami-color-bg-muted)); }.whoami-post-card__fallback span { width: 4rem; height: 4rem; border: 2px solid var(--whoami-color-secondary); border-radius: 50%; box-shadow: inset 0 0 0 .75rem var(--whoami-color-accent-soft); }.whoami-post-card__body { display: flex; flex: 1; flex-direction: column; padding: var(--whoami-space-5); }.whoami-post-card__meta { display: flex; align-items: center; justify-content: space-between; gap: var(--whoami-space-3); color: var(--whoami-color-text-muted) !important; font-size: .78rem; }.whoami-post-card__category { padding: .25rem .55rem; border-radius: var(--whoami-radius-pill); background: var(--whoami-color-accent-soft); color: var(--whoami-color-primary); font-weight: 800; }.whoami-post-card h2 { margin: var(--whoami-space-4) 0 var(--whoami-space-3); font-size: 1.2rem; }.whoami-post-card h2 a { color: var(--whoami-color-text); text-decoration: none; }.whoami-post-card__body > p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--whoami-color-text-secondary); -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.whoami-post-card__cta { margin-top: auto; padding-top: var(--whoami-space-5); color: var(--whoami-color-primary); font-size: .9rem; font-weight: 700; text-decoration: none; }
.whoami-how-hero { padding-block: var(--whoami-space-16); background: var(--whoami-color-bg-soft) url("assets/tests-hero-bg.png") center / cover no-repeat; }.whoami-how-hero__grid, .whoami-how-example { display: grid; gap: var(--whoami-space-8); align-items: center; }.whoami-how-hero h1, .whoami-how-copy h2, .whoami-how-trust h2 { margin: 0; font-size: clamp(2.3rem, 6vw, 4rem); line-height: 1.05; letter-spacing: -.055em; }.whoami-how-hero h1 + p, .whoami-how-copy p, .whoami-how-trust p { color: var(--whoami-color-text-secondary); font-size: 1.05rem; }.whoami-how-text-link { color: var(--whoami-color-primary); font-weight: 700; text-decoration: none; }.whoami-how-hero__visual { position: relative; display: grid; min-height: 16rem; place-items: center; border-radius: var(--whoami-radius-card); background: rgb(255 255 255 / 68%); }.whoami-how-hero__visual i { position: absolute; display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: var(--whoami-radius-sm); background: var(--whoami-color-surface); color: var(--whoami-color-primary); font-style: normal; font-weight: 800; box-shadow: var(--whoami-shadow-card); }.whoami-how-hero__visual i:nth-child(1) { transform: translate(-4rem,-3.5rem); }.whoami-how-hero__visual i:nth-child(2) { transform: translate(4rem,-1rem); }.whoami-how-hero__visual i:nth-child(3) { transform: translate(-3rem,4rem); }.whoami-how-hero__visual strong { padding: 1.25rem; border-radius: 50%; background: var(--whoami-color-primary); color: #fff; text-align: center; }.whoami-how-steps, .whoami-how-benefits, .whoami-how-test-previews { display: grid; gap: var(--whoami-space-4); padding: 0; margin: var(--whoami-space-8) 0 0; list-style: none; }.whoami-how-steps li, .whoami-how-benefits article, .whoami-how-test-previews article { padding: var(--whoami-space-5); border: 1px solid var(--whoami-color-border); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); }.whoami-how-steps span { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: 50%; background: var(--whoami-color-accent-soft); color: var(--whoami-color-primary); font-weight: 800; }.whoami-how-steps h3, .whoami-how-benefits h3, .whoami-how-test-previews h3 { margin: var(--whoami-space-4) 0 var(--whoami-space-2); }.whoami-how-steps h3 { line-height: 1.2; }.whoami-how-steps p, .whoami-how-benefits p, .whoami-how-test-previews p { margin: 0; color: var(--whoami-color-text-secondary); }.whoami-how-test-previews span { color: var(--whoami-color-primary); font-size: .75rem; font-weight: 800; text-transform: uppercase; }.whoami-how-test-previews a, .whoami-how-example a { display: inline-block; margin-top: var(--whoami-space-4); font-weight: 700; }.whoami-how-result-preview { display: grid; min-height: 15rem; gap: var(--whoami-space-3); align-content: center; padding: var(--whoami-space-6); border-radius: var(--whoami-radius-card); background: var(--whoami-color-surface); box-shadow: var(--whoami-shadow-card); }.whoami-how-result-preview strong { color: var(--whoami-color-primary); }.whoami-how-result-preview i { display: block; height: .6rem; border-radius: 999px; background: linear-gradient(90deg, var(--whoami-color-primary) 65%, var(--whoami-color-bg-muted) 65%); }.whoami-how-result-preview span { display: block; width: 7rem; height: 7rem; justify-self: center; border: 1rem solid var(--whoami-color-secondary); border-left-color: var(--whoami-color-bg-muted); border-radius: 50%; }.whoami-how-copy h2 + p { margin-top: var(--whoami-space-4); }.whoami-how-copy h2:not(:first-child) { margin-top: var(--whoami-space-12); font-size: clamp(1.8rem,4vw,2.5rem); }.whoami-how-chips { display: flex; flex-wrap: wrap; gap: var(--whoami-space-2); padding: 0; list-style: none; }.whoami-how-chips li { padding: .45rem .7rem; border-radius: var(--whoami-radius-pill); background: var(--whoami-color-bg-muted); color: var(--whoami-color-primary); font-size: .85rem; font-weight: 700; } @media (min-width:40rem){.whoami-how-steps,.whoami-how-benefits{grid-template-columns:repeat(2,1fr)}} @media (min-width:64rem){.whoami-how-hero__grid,.whoami-how-example{grid-template-columns:1.1fr .9fr;gap:var(--whoami-space-16)}.whoami-how-steps{grid-template-columns:repeat(4,1fr)}.whoami-how-benefits{grid-template-columns:repeat(3,1fr)}.whoami-how-test-previews{grid-template-columns:repeat(3,1fr)}}
.whoami-post-grid { display:grid; gap:var(--whoami-space-5); }.whoami-post-card h2,.whoami-post-card h3 { margin:var(--whoami-space-2) 0; line-height:1.2; }.whoami-post-card h2 a,.whoami-post-card h3 a { color:var(--whoami-color-text); text-decoration:none; }.whoami-post-card p { color:var(--whoami-color-text-secondary); }.whoami-post-card__meta { color:var(--whoami-color-text-muted)!important; font-size:.8rem; }.whoami-related { margin-top:var(--whoami-space-12); padding-top:var(--whoami-space-8); border-top:1px solid var(--whoami-color-border); } @media(min-width:40rem){.whoami-post-grid{grid-template-columns:repeat(2,1fr)}} @media(min-width:64rem){.whoami-post-grid{grid-template-columns:repeat(3,1fr)}}
.whoami-category-hero { position:relative; overflow:hidden; padding:clamp(4rem,9vw,7.5rem) 0 clamp(3.5rem,7vw,6rem); background:linear-gradient(120deg,var(--whoami-color-bg-soft),var(--whoami-color-bg-muted)); }.whoami-category-hero::after { position:absolute; right:-12rem; bottom:-15rem; width:36rem; height:36rem; border-radius:50%; background:var(--whoami-color-accent-soft); content:""; }.whoami-category-hero__content { position:relative; z-index:1; max-width:47rem; }.whoami-category-hero h1 { max-width:18ch; margin:0; color:var(--whoami-color-text); font-size:clamp(2.5rem,6vw,4.6rem); line-height:1.04; letter-spacing:-.06em; }.whoami-category-hero__lead { max-width:42rem; margin:var(--whoami-space-5) 0 0; color:var(--whoami-color-text-secondary); font-size:clamp(1.05rem,2vw,1.22rem); line-height:1.65; }.whoami-category-articles__heading { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:var(--whoami-space-5); margin-bottom:var(--whoami-space-7); }.whoami-category-articles__heading h2 { margin:0; font-size:clamp(1.8rem,4vw,2.6rem); letter-spacing:-.045em; }.whoami-category-articles__heading > p { margin:0; color:var(--whoami-color-text-muted); }.whoami-pagination { margin-top:var(--whoami-space-8); }.whoami-pagination .nav-links { display:flex; flex-wrap:wrap; gap:var(--whoami-space-2); }.whoami-pagination a,.whoami-pagination .current { display:grid; min-width:2.7rem; min-height:2.7rem; place-items:center; padding:0 .75rem; border:1px solid var(--whoami-color-border); border-radius:var(--whoami-radius-pill); color:var(--whoami-color-text); text-decoration:none; }.whoami-pagination .current { border-color:var(--whoami-color-primary); background:var(--whoami-color-primary); color:#fff; }
.whoami-about-hero { overflow:hidden; padding:clamp(4rem,9vw,8rem) 0; background:linear-gradient(125deg,#fff,var(--whoami-color-bg-soft)); }.whoami-about-hero .whoami-container,.whoami-about-split { display:grid; gap:var(--whoami-space-8); align-items:center; }.whoami-about-hero h1 { margin:0; font-size:clamp(2.35rem,4.6vw,3.8rem); line-height:1.07; letter-spacing:-.055em; }.whoami-about-hero__lead { max-width:39rem; margin:var(--whoami-space-5) 0; color:var(--whoami-color-text-secondary); font-size:1.2rem; line-height:1.2; }.whoami-about-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--whoami-space-5); margin-top:var(--whoami-space-6); }.whoami-text-link { color:var(--whoami-color-primary); font-weight:700; }.whoami-about-hero__visual { position:relative; min-height:19rem; border-radius:50%; background:radial-gradient(circle at 35% 35%,#fff 0 12%,transparent 13%),var(--whoami-color-accent-soft); }.whoami-about-hero__visual span,.whoami-about-hero__visual i,.whoami-about-hero__visual b { position:absolute; display:block; border:2px solid var(--whoami-color-secondary); border-radius:50%; }.whoami-about-hero__visual span { inset:18%; }.whoami-about-hero__visual i { inset:32%; background:var(--whoami-color-surface); }.whoami-about-hero__visual b { width:3rem; height:3rem; right:8%; top:20%; background:var(--whoami-color-secondary); }.whoami-about-muted { background:var(--whoami-color-bg-soft); }.whoami-about-grid { display:grid; gap:var(--whoami-space-4); }.whoami-about-grid article,.whoami-about-previews > div { padding:var(--whoami-space-5); border:1px solid var(--whoami-color-border); border-radius:var(--whoami-radius-card); background:var(--whoami-color-surface); }.whoami-about-grid h3 { margin-top:0; }.whoami-about-grid p { margin-bottom:0; color:var(--whoami-color-text-secondary); }.whoami-about-previews { display:grid; gap:var(--whoami-space-3); }.whoami-about-previews > div { display:flex; justify-content:space-between; gap:var(--whoami-space-4); }.whoami-about-previews span { color:var(--whoami-color-primary); font-size:.85rem; font-weight:800; }.whoami-about-disclaimer { max-width:48rem; margin:var(--whoami-space-8) 0 0; color:var(--whoami-color-text-muted); font-size:.9rem; }.whoami-about-final { text-align:center; }.whoami-about-final h2 { margin-bottom:var(--whoami-space-4); font-size:clamp(2rem,5vw,3.2rem); line-height:1.2; letter-spacing:-.05em; }.whoami-about-final p { color:var(--whoami-color-text-secondary); } @media(min-width:48rem){.whoami-about-grid{grid-template-columns:repeat(2,1fr)}.whoami-about-grid--three{grid-template-columns:repeat(3,1fr)}} @media(min-width:64rem){.whoami-about-hero .whoami-container,.whoami-about-split{grid-template-columns:1.25fr .75fr}.whoami-about-hero__visual{min-height:26rem}}
.whoami-about-hero__visual { min-height:19rem; border-radius:0; background:transparent url("assets/about-whoami-profile.png") center / contain no-repeat; }.whoami-about-hero__visual span,.whoami-about-hero__visual i,.whoami-about-hero__visual b { display:none; }
.whoami-about-muted .whoami-section-heading { margin-bottom:var(--whoami-space-6); }.whoami-about-grid article h3 { display:flex; align-items:center; gap:.65rem; margin:0 0 var(--whoami-space-2); }.whoami-about-grid article h3::before { display:grid; width:2rem; height:2rem; flex:0 0 2rem; place-items:center; border-radius:.65rem; background:var(--whoami-color-accent-soft); color:var(--whoami-color-primary); font-size:1.1rem; line-height:1; }.whoami-about-grid article:nth-child(1) h3::before { content:"✦"; }.whoami-about-grid article:nth-child(2) h3::before { content:"◉"; }.whoami-about-grid article:nth-child(3) h3::before { content:"▥"; }.whoami-about-grid article:nth-child(4) h3::before { content:"☰"; }
.whoami-about-features .whoami-about-grid article h3::before { display:none; }.whoami-about-features .whoami-about-grid article h3 svg { width:1.5rem; height:1.5rem; flex:0 0 1.5rem; fill:none; stroke:var(--whoami-color-primary); stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.whoami-about-grid--three article h3::before { display:none; }.whoami-about-grid--three article h3 svg { width:1.5rem; height:1.5rem; flex:0 0 1.5rem; fill:none; stroke:var(--whoami-color-primary); stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.whoami-contact__grid { display:grid; gap:var(--whoami-space-8); align-items:start; }.whoami-contact h1 { margin:0; font-size:clamp(2.5rem,6vw,4.2rem); letter-spacing:-.06em; }.whoami-contact__lead { max-width:34rem; color:var(--whoami-color-text-secondary); font-size:1.1rem; }.whoami-contact__email { margin-top:var(--whoami-space-7); padding:var(--whoami-space-5); border:1px solid var(--whoami-color-border); border-radius:var(--whoami-radius-card); background:var(--whoami-color-bg-soft); }.whoami-contact__email span { display:block; color:var(--whoami-color-text-muted); font-size:.85rem; font-weight:700; }.whoami-contact__email a { display:inline-block; margin-top:var(--whoami-space-2); font-size:1.25rem; font-weight:800; }.whoami-contact__email p { margin-bottom:0; color:var(--whoami-color-text-secondary); }.whoami-contact__form-wrap { padding:var(--whoami-space-6); border:1px solid var(--whoami-color-border); border-radius:var(--whoami-radius-card); background:#fff; box-shadow:var(--whoami-shadow-card); }.whoami-contact__form-wrap h2 { margin-top:0; }.whoami-contact-form { display:grid; gap:var(--whoami-space-4); }.whoami-contact-form label { display:grid; gap:.4rem; color:var(--whoami-color-text); font-weight:700; }.whoami-contact-form input,.whoami-contact-form textarea { width:100%; padding:.75rem .85rem; border:1px solid var(--whoami-color-border); border-radius:var(--whoami-radius-sm); background:#fff; color:var(--whoami-color-text); font-weight:400; }.whoami-contact-form textarea { resize:vertical; }.whoami-contact-form input:focus,.whoami-contact-form textarea:focus { border-color:var(--whoami-color-secondary); outline:0; }.whoami-hp { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }.whoami-contact__notice { padding:var(--whoami-space-4); border-radius:var(--whoami-radius-sm); background:#fff3f2; color:var(--whoami-color-text); }.whoami-contact__notice--success { background:var(--whoami-color-bg-soft); } @media(min-width:64rem){.whoami-contact__grid{grid-template-columns:.85fr 1.15fr}.whoami-contact__form-wrap{padding:var(--whoami-space-8)}}
.whoami-legal h1 { margin:0; font-size:clamp(2.5rem,6vw,4.2rem); letter-spacing:-.06em; }.whoami-legal__updated { margin-top:var(--whoami-space-3); color:var(--whoami-color-text-muted); font-size:.9rem; }.whoami-legal__layout { display:grid; gap:var(--whoami-space-8); margin-top:var(--whoami-space-8); }.whoami-legal__nav { display:none; }.whoami-legal__content { max-width:54rem; color:var(--whoami-color-text-secondary); font-size:1.03rem; line-height:1.7; }.whoami-legal__content h2 { margin:var(--whoami-space-9) 0 var(--whoami-space-4); color:var(--whoami-color-text); font-size:clamp(1.45rem,3vw,2rem); line-height:1.18; letter-spacing:-.035em; }.whoami-legal__content h2:first-child { margin-top:0; }.whoami-legal__provider { margin-top:var(--whoami-space-5); padding:var(--whoami-space-6); border:1px solid var(--whoami-color-border); border-radius:var(--whoami-radius-card); background:var(--whoami-color-bg-soft); }.whoami-legal__provider p { margin:var(--whoami-space-4) 0 0; }.whoami-legal__provider p:first-child { margin-top:0; }.whoami-legal__provider strong { display:block; margin-top:var(--whoami-space-2); color:var(--whoami-color-text); } @media(min-width:64rem){.whoami-legal__layout{grid-template-columns:13rem minmax(0,54rem);justify-content:center}.whoami-legal__nav{position:sticky;top:2rem;display:grid;align-content:start;gap:.15rem;height:max-content;padding:var(--whoami-space-4);border:1px solid var(--whoami-color-border);border-radius:var(--whoami-radius-card);background:var(--whoami-color-bg-soft)}.whoami-legal__nav a{padding:.35rem .45rem;border-radius:var(--whoami-radius-sm);color:var(--whoami-color-text-secondary);font-size:.9rem;text-decoration:none}.whoami-legal__nav a:hover{background:#fff;color:var(--whoami-color-primary)}}
.whoami-about-features { background:var(--whoami-color-bg-soft) url("assets/about-whoami-features-bg.png") center / cover no-repeat; }
.whoami-about__content > .whoami-about-muted:nth-of-type(5) { background:var(--whoami-color-bg-soft) url("assets/about-whoami-principles-bg.png") center / cover no-repeat; }