@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Inter:wght@400;500;600;700;800&family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Albert+Sans:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;background:#020202}:root{--padding-x: clamp(24px, 6vw, 44px);--padding-y: clamp(16px, 2vw, 24px);--section-gap: clamp(12px, 4.44vw, 64px);--hero-image-gap: clamp(16px, 4.44vw, 64px);--title-gap: clamp(4px, .56vw, 8px);--meta-word-gap: clamp(4px, .56vw, 8px);--hero-top-gap: clamp(80px, 7.78vw, 112px);--title-size: clamp(28px, 5.5vw, 80px);--title-line: clamp(32px, 5.8vw, 84px);--title-spacing: clamp(-.4px, -.055vw, -.8px);--meta-size: clamp(12px, 1.1vw, 16px);--meta-line: clamp(20px, 1.9vw, 28px);--hero-radius: 20px;--hero-aspect: clamp(80%, 45vw, 45%);--role-text-size: clamp(16px, 1.67vw, 24px);--role-text-line: clamp(24px, 2.5vw, 36px);--card-title-size: clamp(18px, 1.67vw, 24px);--card-title-line: clamp(26px, 2.22vw, 32px);--card-body-size: clamp(16px, 1.25vw, 18px);--card-body-line: clamp(24px, 1.94vw, 28px);--card-padding: 32px;--card-gap-inner: clamp(20px, 1.67vw, 24px);--cards-gap: clamp(12px, 1.11vw, 16px);--card-radius: 20px;--section-padding-y: clamp(40px, 5.56vw, 80px);--section-gap-role: clamp(24px, 3.33vw, 48px);--label-size: clamp(14px, .97vw, 14px);--label-line: clamp(20px, 1.39vw, 20px);--h2-size: clamp(28px, 3.06vw, 44px);--h2-line: clamp(36px, 3.89vw, 56px);--body-size: clamp(16px, 1.39vw, 20px);--body-line: clamp(24px, 1.94vw, 28px);--context-card-height: clamp(260px, 25vw, 360px);--context-card-right-height: clamp(260px, 25vw, 360px);--context-card-radius: 20px;--section-inner-gap: clamp(32px, 11.11vw, 160px);--header-gap: clamp(32px, 2.78vw, 40px);--problem-card-number-size: clamp(24px, 2.22vw, 32px);--problem-card-number-line: clamp(28px, 2.22vw, 32px);--problem-card-number-padding: clamp(24px, 2.22vw, 32px) clamp(24px, 2.22vw, 32px) clamp(16px, 1.39vw, 20px) clamp(24px, 2.22vw, 32px);--problem-card-content-padding: clamp(6px, .56vw, 8px) clamp(24px, 2.22vw, 32px) clamp(24px, 2.22vw, 32px) clamp(24px, 2.22vw, 32px);--problem-card-title-size: clamp(18px, 1.39vw, 20px);--problem-card-title-line: clamp(24px, 1.94vw, 28px);--problem-card-body-size: clamp(14px, 1.11vw, 16px);--problem-card-body-line: clamp(22px, 1.94vw, 28px);--problem-visual-height: clamp(450px, 50vw, 720px);--problem-visual-radius: 20px}.stats-grid{grid-template-columns:repeat(3,1fr)}@media (max-width: 1023px) and (min-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>*:nth-child(3){grid-column:1 / -1}}@media (max-width: 767px){.stats-grid{grid-template-columns:1fr}}@media (max-width: 900px){.context-cards{flex-direction:column}}.solution-screens-grid{grid-template-columns:repeat(2,1fr)}@media (max-width: 767px){.solution-screens-grid{grid-template-columns:1fr}}body{background:#020202;color:#edede8;font-family:Albert Sans,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes border-spin{to{transform:rotate(360deg)}}@keyframes arrow-loop{0%{transform:translate(0)}25%{transform:translate(3px,-2px)}50%{transform:translate(4px)}75%{transform:translate(3px,2px)}to{transform:translate(0)}}@keyframes scrollPulse{0%,to{height:0;opacity:0}50%{height:64px;opacity:1}}*{scrollbar-width:thin;scrollbar-color:rgba(237,237,232,.18) transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#edede82e;border-radius:100px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#edede852;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.header-fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9998!important}
