/* Responsive Design System - Mobile First *//* Large Desktop (1400px and up) */@media (min-width: 87.5rem) {.container {max-width: 1320px;}.hero__title {font-size: var(--font-size-6xl);}.hero__grid {grid-template-columns: 1fr 1fr;gap: var(--space-12);}.frameworks__grid {grid-template-columns: repeat(3,1fr);}.cta-panel__content {flex-direction: row;justify-content: space-between;align-items: center;}.toolkit-panel__content {gap: var(--space-8);}.email-capture {padding: var(--space-24) 0;}}/* Desktop (1200px to 1399px) */@media (min-width: 75rem) and (max-width: 87.49rem) {.hero__grid {grid-template-columns: 1fr 1fr;gap: var(--space-10);}.frameworks__grid {grid-template-columns: repeat(2,1fr);}.cta-panel__content {flex-direction: row;justify-content: space-between;align-items: flex-start;gap: var(--space-8);}.footer__content {flex-direction: row;justify-content: space-between;align-items: center;}}/* Tablet Large (992px to 1199px) */@media (min-width: 62rem) and (max-width: 74.99rem) {.hero__grid {grid-template-columns: 1fr 1fr;gap: var(--space-8);}.hero__title {font-size: var(--font-size-4xl);}.panel__content {padding: var(--space-6) var(--space-8);}.frameworks__grid {grid-template-columns: repeat(2,1fr);}.cta-panel__content {flex-direction: row;justify-content: space-between;align-items: flex-start;gap: var(--space-6);}}/* Tablet (768px to 991px) */@media (min-width: 48rem) and (max-width: 61.99rem) {.nav__menu {display: none;position: fixed;top: 70px;left: 0;right: 0;bottom: 0;background-color: rgba(11,11,14,0.95);backdrop-filter: blur(20px);flex-direction: column;justify-content: flex-start;align-items: center;padding: var(--space-8);gap: var(--space-6);}.nav__menu.show {display: flex;}.nav__toggle {display: flex;}.nav__actions .btn:first-child {display: none;}.hero {padding: var(--space-12) 0 var(--space-10);}.hero__title {font-size: var(--font-size-4xl);}.hero__description {font-size: var(--font-size-base);}.hero__grid {gap: var(--space-8);}.panel__content {padding: var(--space-6);}.panel__header {flex-direction: column;text-align: center;gap: var(--space-4);}.stats-grid {grid-template-columns: repeat(3,1fr);gap: var(--space-2);}.frameworks__grid {grid-template-columns: 1fr;gap: var(--space-3);}.frameworks {padding: var(--space-10) 0 var(--space-12);}.cta-panel__content {text-align: center;align-items: center;}.toolkit-panel__content {flex-direction: column;text-align: center;gap: var(--space-6);}.email-capture {padding: var(--space-16) 0;}.email-capture__header {margin-bottom: var(--space-10);}}/* Mobile Large (576px to 767px) */@media (min-width: 36rem) and (max-width: 47.99rem) {.container {padding: 0 var(--space-4);}.nav__menu {display: none;position: fixed;top: 70px;left: 0;right: 0;bottom: 0;background-color: rgba(11,11,14,0.98);backdrop-filter: blur(20px);flex-direction: column;justify-content: flex-start;align-items: center;padding: var(--space-8);gap: var(--space-6);}.nav__menu.show {display: flex;}.nav__toggle {display: flex;}.nav__actions .btn:first-child {display: none;}.hero {padding: var(--space-10) 0 var(--space-8);}.hero__title {font-size: var(--font-size-3xl);line-height: 1.1;}.hero__description {font-size: var(--font-size-base);line-height: 1.6;}.hero__actions {flex-direction: column;align-items: stretch;gap: var(--space-3);}.hero__actions .btn {justify-content: center;text-align: center;}.hero__social-proof {flex-direction: column;align-items: flex-start;gap: var(--space-3);}.social-proof__logos {flex-wrap: wrap;}.panel__content {padding: var(--space-5);}.panel__header {flex-direction: column;text-align: center;gap: var(--space-4);}.panel__icon {width: 72px;height: 72px;}.panel__icon svg {width: 36px;height: 36px;}.stats-grid {grid-template-columns: 1fr;gap: var(--space-3);}.frameworks {padding: var(--space-8) 0 var(--space-10);}.section__title {font-size: var(--font-size-2xl);}.frameworks__grid {grid-template-columns: 1fr;gap: var(--space-4);}.feature-card {padding: var(--space-4);}.cta-panel__content {padding: var(--space-6);text-align: center;align-items: center;}.cta-panel__actions {flex-direction: column;align-items: stretch;gap: var(--space-3);width: 100%;}.cta-panel__actions .btn {justify-content: center;}}/* Mobile (480px to 575px) */@media (min-width: 30rem) and (max-width: 35.99rem) {.container {padding: 0 var(--space-4);}.nav {height: 60px;padding: 0 var(--space-4);}.nav__logo {height: 36px;}.nav__menu {display: none;position: fixed;top: 60px;left: 0;right: 0;bottom: 0;background-color: rgba(11,11,14,0.98);backdrop-filter: blur(20px);flex-direction: column;justify-content: flex-start;align-items: center;padding: var(--space-6);gap: var(--space-5);}.nav__menu.show {display: flex;}.nav__toggle {display: flex;padding: var(--space-1);}.nav__toggle span {width: 20px;}.nav__actions {gap: var(--space-2);}.nav__actions .btn:first-child {display: none;}.nav__actions .btn {padding: var(--space-2) var(--space-3);font-size: var(--font-size-xs);}.hero {padding: var(--space-8) 0 var(--space-6);}.hero__title {font-size: var(--font-size-2xl);line-height: 1.2;margin-bottom: var(--space-4);}.hero__description {font-size: var(--font-size-sm);line-height: 1.5;margin-bottom: var(--space-6);}.hero__actions {flex-direction: column;align-items: stretch;gap: var(--space-3);margin-bottom: var(--space-8);}.hero__actions .btn {justify-content: center;padding: var(--space-3) var(--space-4);}.hero__social-proof {flex-direction: column;align-items: flex-start;gap: var(--space-3);}.social-proof__label {font-size: var(--font-size-xs);}.panel__content {padding: var(--space-4);}.panel__header {flex-direction: column;text-align: center;gap: var(--space-3);}.panel__icon {width: 64px;height: 64px;}.panel__icon svg {width: 32px;height: 32px;}.panel__title {font-size: var(--font-size-lg);}.panel__subtitle {font-size: var(--font-size-xs);max-width: none;}.stats-grid {grid-template-columns: 1fr;gap: var(--space-3);}.stat-card {padding: var(--space-4);}.frameworks {padding: var(--space-6) 0 var(--space-8);}.section__title {font-size: var(--font-size-xl);}.section__description {font-size: var(--font-size-sm);}.feature-card {padding: var(--space-4);}.feature-card__icon {width: 40px;height: 40px;margin-bottom: var(--space-3);}.feature-card__icon svg {width: 20px;height: 20px;}.feature-card__title {font-size: var(--font-size-sm);}.feature-card__description {font-size: var(--font-size-xs);margin-bottom: var(--space-3);}.cta-band {margin-top: var(--space-12);}.cta-panel__content {padding: var(--space-5);text-align: center;align-items: center;}.cta-panel__title {font-size: var(--font-size-xl);}.cta-panel__description {font-size: var(--font-size-sm);margin-bottom: var(--space-4);}.cta-panel__actions {flex-direction: column;align-items: stretch;gap: var(--space-3);width: 100%;}.footer {margin-top: var(--space-16);}.toolkit-panel__content {flex-direction: column;text-align: center;gap: var(--space-5);padding: var(--space-5) var(--space-6);}.toolkit-panel__icon {width: 56px;height: 56px;}.toolkit-panel__icon svg {width: 28px;height: 28px;}.toolkit-panel__title {font-size: var(--font-size-lg);}.toolkit-panel__description {font-size: var(--font-size-xs);}.email-capture {padding: var(--space-12) 0;}.email-capture__header {margin-bottom: var(--space-8);}.form-panel {min-height: 480px;}.form-panel__content {padding: var(--space-6);}.form-container {min-height: 440px;}.email-form-iframe {height: 440px;border: 1px solid rgba(245,197,66,0.15);backdrop-filter: blur(8px);}.form-fallback__content {padding: var(--space-6);}/* Tablet iframe button styling optimization */ .email-form-iframe {filter: invert(1) hue-rotate(43deg) /* Balanced hue for tablet: blue/teal → gold */ contrast(1.25) brightness(1.12) saturate(1.7) sepia(0.22);}.form-iframe-wrapper:hover .email-form-iframe {transform: scale(1.0015);/* Subtle tablet hover */ }}/* Mobile Small (320px to 479px) */@media (max-width: 29.99rem) {.container {padding: 0 var(--space-3);}.nav {height: 60px;padding: 0 var(--space-3);}.nav__brand {gap: var(--space-2);}.nav__logo {height: 32px;}.nav__menu {display: none;position: fixed;top: 60px;left: 0;right: 0;bottom: 0;background-color: var(--bg);flex-direction: column;justify-content: flex-start;align-items: center;padding: var(--space-5);gap: var(--space-4);}.nav__menu.show {display: flex;}.nav__toggle {display: flex;padding: var(--space-1);}.nav__toggle span {width: 18px;height: 2px;}.nav__actions {gap: var(--space-1);}.nav__actions .btn:first-child {display: none;}.nav__actions .btn {padding: var(--space-2);font-size: var(--font-size-xs);}.hero {padding: var(--space-6) 0 var(--space-5);}.hero__title {font-size: var(--font-size-xl);line-height: 1.3;margin-bottom: var(--space-3);}.hero__title br {display: none;}.hero__description {font-size: var(--font-size-sm);line-height: 1.5;margin-bottom: var(--space-5);}.hero__actions {flex-direction: column;align-items: stretch;gap: var(--space-2);margin-bottom: var(--space-6);}.hero__actions .btn {justify-content: center;padding: var(--space-3);font-size: var(--font-size-sm);}.hero__social-proof {flex-direction: column;align-items: flex-start;gap: var(--space-2);}.social-proof__label {font-size: var(--font-size-xs);}.social-proof__logos {gap: var(--space-2);flex-wrap: wrap;}.logo-chip {padding: var(--space-1) var(--space-2);font-size: 10px;}.panel__content {padding: var(--space-3);}.panel__header {flex-direction: column;text-align: center;gap: var(--space-3);}.panel__icon {width: 56px;height: 56px;}.panel__icon svg {width: 28px;height: 28px;}.panel__title {font-size: var(--font-size-base);}.panel__subtitle {font-size: var(--font-size-xs);line-height: 1.4;}.stats-grid {grid-template-columns: 1fr;gap: var(--space-2);}.stat-card {padding: var(--space-3);}.stat-card__value {font-size: var(--font-size-base);}.frameworks {padding: var(--space-5) 0 var(--space-6);}.section__title {font-size: var(--font-size-lg);line-height: 1.3;}.section__description {font-size: var(--font-size-xs);line-height: 1.5;}.frameworks__grid {gap: var(--space-3);}.feature-card {padding: var(--space-3);}.feature-card__icon {width: 36px;height: 36px;margin-bottom: var(--space-2);}.feature-card__icon svg {width: 18px;height: 18px;}.feature-card__title {font-size: var(--font-size-sm);margin-bottom: var(--space-1);}.feature-card__description {font-size: var(--font-size-xs);line-height: 1.4;margin-bottom: var(--space-2);}.feature-card__action {gap: var(--space-1);}.feature-card__tag {font-size: 10px;}.feature-card__arrow {width: 12px;height: 12px;}.cta-band {margin-top: var(--space-10);}.cta-panel__content {padding: var(--space-4);text-align: center;align-items: center;}.cta-panel__title {font-size: var(--font-size-lg);}.cta-panel__description {font-size: var(--font-size-xs);margin-bottom: var(--space-3);}.cta-panel__actions {flex-direction: column;align-items: stretch;gap: var(--space-2);width: 100%;}.cta-panel__actions .btn {padding: var(--space-3);font-size: var(--font-size-sm);}.footer {margin-top: var(--space-12);}.footer__content {text-align: center;align-items: center;}.footer__text {font-size: var(--font-size-xs);}.footer__links {gap: var(--space-4);}.footer__link {font-size: var(--font-size-xs);}.toolkit-callout {margin: var(--space-6) 0;}.toolkit-panel__content {flex-direction: column;text-align: center;gap: var(--space-4);padding: var(--space-4) var(--space-5);}.toolkit-panel__icon {width: 48px;height: 48px;}.toolkit-panel__icon svg {width: 24px;height: 24px;}.toolkit-panel__title {font-size: var(--font-size-base);}.toolkit-panel__description {font-size: var(--font-size-xs);line-height: 1.4;}.email-capture {padding: var(--space-10) 0;}.email-capture__header {margin-bottom: var(--space-6);}.form-panel {min-height: 460px;}.form-panel__content {padding: var(--space-6);}.form-container {min-height: 420px;}.form-iframe-wrapper {max-width: 100%;border-radius: var(--border-radius);}.email-form-iframe {height: 420px;border-radius: var(--border-radius);}.form-loading__spinner {width: 48px;height: 48px;}.form-loading__text {font-size: var(--font-size-base);}.form-fallback__content {padding: var(--space-8);}.form-fallback__title {font-size: var(--font-size-xl);}.form-fallback__text {font-size: var(--font-size-base);}/* Enhanced mobile iframe and button styling */ .email-form-iframe {/* Improved mobile styling with better integration */ height: 400px;border: 1px solid rgba(245,197,66,0.1);background: rgba(18,18,23,0.3);backdrop-filter: blur(6px);box-shadow: 0 4px 16px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.03);filter: invert(1) hue-rotate(42deg) /* Mobile hue: blue/teal → gold */ contrast(1.15) brightness(1.08) saturate(1.5) sepia(0.18);}.form-iframe-wrapper:hover .email-form-iframe {transform: scale(1.001);/* Reduced scale for mobile */ }}/* Mobile Navigation Toggle States */.nav__toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px,5px);}.nav__toggle.active span:nth-child(2) {opacity: 0;}.nav__toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(7px,-6px);}/* Reduced Motion Support */@media (prefers-reduced-motion: reduce) {* {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}.float {animation: none;}.hero-gradient {animation: none;}}/* High Contrast Mode Support */@media (prefers-contrast: high) {.panel {border-color: rgba(255,255,255,0.2);}.feature-card {border-color: rgba(255,255,255,0.15);}.btn--outline-gold {border-color: var(--gold);}}/* Dark Mode Override (ensure dark theme) */@media (prefers-color-scheme: light) {body {background-color: var(--bg);color: var(--text-secondary);}}/* Mobile Responsive Styles for New Sections */@media (max-width: 768px) {/* Solutions Section */ .solutions-grid {grid-template-columns: 1fr;gap: var(--space-6);}.solution-card__content {padding: var(--space-6);}/* Pricing Section */ .pricing-grid {grid-template-columns: 1fr;gap: var(--space-6);}.pricing-card--featured {transform: none;order: -1;}.pricing-card--featured:hover {transform: translateY(-4px);}.pricing-card__content {padding: var(--space-6);}.contact-actions {gap: var(--space-3);}/* Case Studies Section */ .case-studies-grid {grid-template-columns: 1fr;gap: var(--space-6);}.case-study__header {flex-direction: column;gap: var(--space-4);align-items: flex-start;}.case-study__metrics {text-align: left;}.case-study__content {padding: var(--space-6);}/* Resources Section */ .resources-grid {grid-template-columns: 1fr;gap: var(--space-6);}.resource-category__content {padding: var(--space-6);}/* Contact Section */ .contact-content {grid-template-columns: 1fr;gap: var(--space-12);}.contact-methods {gap: var(--space-6);}.contact-panel__content {padding: var(--space-6);}}/* Hover Support Detection */@media (hover: none) {.feature-card:hover,.nav__brand:hover,.btn--red:hover,.btn--outline-gold:hover {transform: none;filter: none;}.feature-card:hover .feature-card__icon {color: var(--gold);}.nav__brand:hover .nav__logo {transform: none;}}/* Print Styles */@media print {.hero-gradient,.nav__toggle,.nav__actions,.hero__actions,.cta-panel__actions {display: none;}.header {position: static;background: white;color: black;}body {background: white;color: black;}.hero__title,.section__title,.panel__title,.feature-card__title {color: black;}}/* Focus Styles for Accessibility */.nav__link:focus,.btn:focus,.nav__toggle:focus,.feature-card:focus {outline: 2px solid var(--gold);outline-offset: 2px;}/* Loading States */.loading .float {animation-play-state: paused;}/* High DPI Display Optimization */@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {.nav__logo,.panel__icon svg,.feature-card__icon svg {image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}}