:root{--bg-color: #fafaef;--dot-color: #e5e4d7;--text-color: #0f172a;--accent-color: #e11d48;--shadow-color: rgba(0, 0, 0, .3);--button-shadow: #000000;--transition-speed: .3s}[data-theme=dark]{--bg-color: #1a1a1a;--dot-color: #2a2a2a;--text-color: #f8fafc;--accent-color: #f43f5e;--shadow-color: rgba(0, 0, 0, .6);--button-shadow: #000000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:background-color var(--transition-speed),color var(--transition-speed);background-image:radial-gradient(var(--dot-color) 1px,transparent 1px);background-size:24px 24px}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.1}a{text-decoration:none;color:inherit}button,.button{cursor:pointer;padding:.75rem 1.5rem;border:2px solid var(--text-color);background:var(--bg-color);color:var(--text-color);font-family:Outfit,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:4px 4px 0 var(--button-shadow);transition:transform .1s,box-shadow .1s;display:inline-block}button:active,.button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--button-shadow)}button:disabled,.button:disabled{cursor:not-allowed;opacity:.6}.no-entry{cursor:not-allowed!important}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--text-color);color:var(--bg-color);padding:.5rem;border-radius:4px;font-size:.75rem;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}[data-tooltip]:hover:after{opacity:1}.tactile-card{border:2px solid var(--text-color);background:var(--bg-color);padding:2rem;box-shadow:8px 8px 0 var(--button-shadow)}.footer{border-top:2px solid var(--text-color);padding:4rem 0 2rem;background:var(--bg-color);overflow:hidden}.footer-logo-container{width:100%;display:flex;justify-content:center;margin-bottom:4rem}.footer-logo{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(2rem,12vw,10rem);white-space:nowrap;transform-origin:center;color:var(--text-color);line-height:.8;text-align:center}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;border-top:1px solid var(--dot-color);padding-top:2rem}.footer-links{display:flex;gap:2rem}.footer-links a:hover{text-decoration:underline}.section-padding{padding:6rem 0}.hero-padding{padding:8rem 0 4rem;background:#00000005;border-bottom:2px solid var(--text-color)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative}.hero-headline{display:flex;flex-direction:column;gap:.1em;font-size:clamp(2.2rem,5.5vw,5rem);line-height:1.05;margin-bottom:2.5rem}.hero-typed-line{display:block;min-height:1.1em}.hero-cursor{display:inline-block;width:3px;height:.85em;background:var(--accent-color);margin-left:2px;vertical-align:middle;animation:blink .9s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-suffix{display:block;color:var(--text-color)}.hero-highlight{color:var(--accent-color)}.hero-cta{display:flex;gap:1.5rem;flex-wrap:wrap}.section-title{font-size:2.5rem;margin-bottom:2rem}.centered{text-align:center}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.survey-card{display:flex;flex-direction:column;gap:1.5rem}.home-results .mosaic-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:1.5rem}.mosaic-item{border:2px solid var(--text-color);background:var(--bg-color);padding:2.5rem;box-shadow:4px 4px 0 var(--button-shadow)}.mosaic-item.large{grid-row:span 2;background:var(--text-color);color:var(--bg-color)}.mosaic-content h3{font-size:.85rem;letter-spacing:.08em;opacity:.7;margin-bottom:.5rem;text-transform:uppercase}.stat{font-size:4.5rem;font-weight:900;font-family:Outfit,sans-serif;line-height:1;margin:.5rem 0}.mosaic-item.large .stat{font-size:6rem}.centered-button{display:block;margin-left:auto;margin-right:auto}.about-grid{display:grid;grid-template-columns:300px 1fr;gap:4rem}.sticky-nav{position:sticky;top:120px;display:flex;flex-direction:column;gap:1.5rem}.sticky-nav a{font-family:Outfit,sans-serif;font-weight:700;font-size:1.2rem;padding:.5rem 0;border-bottom:1px solid transparent;transition:border var(--transition-speed)}.sticky-nav a:hover{border-bottom:1px solid var(--text-color)}.content-block{margin-bottom:6rem}.content-block h2{font-size:2.5rem;margin-bottom:2rem}.image-wrapper{margin-bottom:2rem;overflow:hidden;padding:0}.image-wrapper img{width:100%;height:auto;display:block}.coming-soon-container{text-align:center;max-width:800px;margin:0 auto;padding:4rem;display:flex;flex-direction:column;gap:2rem}.coming-soon-container h2{font-size:3rem;color:var(--accent-color)}.social-links{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.disclaimer-chip{display:inline-block;border:1px solid var(--text-color);padding:.5rem 1.5rem;font-size:.9rem}.results-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;gap:1.5rem}.finding-card{border:2px solid var(--text-color);background:var(--bg-color);padding:2rem;display:flex;flex-direction:column;box-shadow:4px 4px 0 var(--button-shadow)}.finding-card.large{grid-column:span 2;grid-row:span 2;background:var(--text-color);color:var(--bg-color)}.large .card-stat{font-size:8rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-form{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group input,.form-group textarea{padding:1rem;border:2px solid var(--text-color);background:var(--bg-color);font-size:1rem;color:var(--text-color)}@media (max-width: 768px){.nav-desktop{display:none!important}.nav-mobile{display:flex!important}.two-columns,.three-columns,.mosaic-grid,.about-grid,.contact-grid,.results-mosaic{grid-template-columns:1fr}.sidebar{display:none}.mosaic-item.large{grid-row:span 1}.social-links{flex-direction:column;align-items:center}.hero-headline{font-size:clamp(1.8rem,7vw,3rem)}.stat{font-size:3rem}.mosaic-item.large .stat{font-size:4.5rem}}
