html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-page__breadcrumb { margin-bottom: 1rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-page__head { margin-bottom: 1.5rem; max-width: 42rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-page__eyebrow { display: inline-flex; align-items: center; margin-bottom: 0.65rem; padding: 0.28rem 0.72rem; border-radius: var(--kolbeh-radius-pill); border: 1px solid rgba(124, 58, 237, 0.2); background: var(--kolbeh-purple-light); color: var(--kolbeh-purple-dark); font-size: 0.72rem; font-weight: 700; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-page__title { margin: 0; color: var(--kolbeh-purple-dark); font-weight: 800; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-page__subtitle { margin: 0.55rem 0 0; font-size: 0.92rem; line-height: 1.7; color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-story { overflow: hidden; border-top: 3px solid var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-story__head { display: flex; align-items: center; gap: 0.85rem; padding: 1.15rem 1.35rem; border-bottom: 1px solid rgba(124, 58, 237, 0.1); background: linear-gradient(180deg, #faf8ff 0%, #fff 100%); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-story__icon { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; flex-shrink: 0; border-radius: 14px; background: var(--kolbeh-purple-light); border: 1px solid rgba(124, 58, 237, 0.2); color: var(--kolbeh-purple); font-size: 1.15rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-story__title { margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--kolbeh-purple-dark); line-height: 1.35; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-story__tagline { margin: 0.25rem 0 0; font-size: 0.82rem; color: var(--kolbeh-purple); font-weight: 600; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-story__body { padding: 1.2rem 1.35rem 1.35rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-story__text { margin: 0; font-size: 0.9rem; line-height: 1.85; color: var(--kolbeh-text); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-story__text + .about-story__text { margin-top: 0.85rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; padding: 2rem 1.25rem 1.5rem; overflow: hidden; text-align: center; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__ambient { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__orb { position: absolute; border-radius: 50%; filter: blur(40px); opacity: 0.5; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__orb--1 { width: 9rem; height: 9rem; top: -2rem; inset-inline-end: -1.5rem; background: rgba(124, 58, 237, 0.18); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__orb--2 { width: 7rem; height: 7rem; bottom: -1.5rem; inset-inline-start: -1rem; background: rgba(251, 191, 36, 0.2); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__frame { position: relative; z-index: 1; display: grid; place-items: center; width: 14rem; height: 14rem; margin-bottom: 1rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__ring { position: absolute; inset: 0; border-radius: 50%; border: 1px solid rgba(124, 58, 237, 0.25); animation: kolbeh-about-ring-spin 18s linear infinite; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__ring--inner { inset: 0.85rem; border-style: dashed; border-color: rgba(124, 58, 237, 0.15); animation-direction: reverse; animation-duration: 24s; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__logo { position: relative; z-index: 2; width: 8.75rem; height: 8.75rem; object-fit: contain; padding: 0.65rem; border-radius: 50%; background: var(--kolbeh-white); border: 1px solid rgba(124, 58, 237, 0.2); box-shadow: var(--kolbeh-shadow-card); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__caption { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 0.2rem; margin: 0; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__caption strong { font-size: 1rem; font-weight: 800; color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__caption span { font-size: 0.8rem; color: var(--kolbeh-text-muted); } @keyframes kolbeh-about-ring-spin { to { transform: rotate(360deg); } } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-stats { margin-top: 1.25rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-stats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-stat-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.35rem; padding: 1rem 0.65rem; border-radius: 16px; border: 1px solid rgba(124, 58, 237, 0.14); background: var(--kolbeh-white); box-shadow: var(--kolbeh-shadow-card); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-stat-card__icon { display: inline-grid; place-items: center; width: 2.35rem; height: 2.35rem; border-radius: 12px; background: var(--kolbeh-purple-light); border: 1px solid rgba(124, 58, 237, 0.18); color: var(--kolbeh-purple); font-size: 1rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-stat-card__value { font-size: 1.25rem; font-weight: 800; line-height: 1.1; color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-stat-card__label { font-size: 0.72rem; font-weight: 600; line-height: 1.45; color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-features { margin-top: 1.5rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-features__head { margin-bottom: 0.9rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-features__title { margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-features__subtitle { margin: 0.4rem 0 0; font-size: 0.86rem; color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-features__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-feature-card { display: flex; align-items: center; gap: 0.7rem; padding: 0.95rem 1rem; border-radius: 14px; border: 1px solid rgba(124, 58, 237, 0.12); background: var(--kolbeh-white); box-shadow: var(--kolbeh-shadow-card); transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.18s ease; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-feature-card:hover { border-color: rgba(124, 58, 237, 0.28); box-shadow: 0 8px 20px rgba(124, 58, 237, 0.1); transform: translateY(-1px); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-feature-card__icon { display: inline-grid; place-items: center; width: 2.2rem; height: 2.2rem; flex-shrink: 0; border-radius: 12px; background: var(--kolbeh-purple-light); border: 1px solid rgba(124, 58, 237, 0.18); color: var(--kolbeh-purple); font-size: 0.95rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-feature-card__text { flex: 1; min-width: 0; font-size: 0.84rem; font-weight: 600; line-height: 1.5; color: var(--kolbeh-text); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-feature-card__check { display: inline-grid; place-items: center; width: 1.4rem; height: 1.4rem; flex-shrink: 0; border-radius: 50%; background: rgba(124, 58, 237, 0.1); border: 1px solid rgba(124, 58, 237, 0.22); color: var(--kolbeh-purple); font-size: 0.75rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-cta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; padding: 1.25rem 1.35rem; border-top: 3px solid var(--kolbeh-purple); background: linear-gradient(180deg, #faf8ff 0%, #fff 100%); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-cta__title { margin: 0 0 0.35rem; font-size: 1rem; font-weight: 800; color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-cta__text { margin: 0; font-size: 0.86rem; line-height: 1.65; color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-cta__actions { display: flex; flex-wrap: wrap; gap: 0.55rem; flex-shrink: 0; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-cta__btn { min-height: 44px; white-space: nowrap; } @media (max-width: 991.98px) { html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767.98px) { html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-features__grid { grid-template-columns: 1fr; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-cta { flex-direction: column; align-items: stretch; text-align: center; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-cta__actions { justify-content: center; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-cta__btn { flex: 1 1 calc(50% - 0.3rem); min-width: 8.5rem; } } @media (max-width: 575.98px) { html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual { padding: 1.5rem 1rem 1.25rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__frame { width: 12rem; height: 12rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__logo { width: 7rem; height: 7rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-story__head, html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-story__body { padding-inline: 1rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-cta__actions { flex-direction: column; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-cta__btn { width: 100%; } } @media (prefers-reduced-motion: reduce) { html[data-kolbeh-theme="1"] body.kolbeh-body.page-about .about-visual__ring { animation: none; } }