@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto:wght@300;400;500;600;700&display=swap";:root{--color-primary:#0070d1;--color-primary-pressed:#0064b7;--color-primary-active:#004d8d;--color-commerce:#d53b00;--color-commerce-pressed:#aa2f00;--color-marathon-yellow:#deff20;--color-canvas-dark:#000;--color-surface-dark-elevated:#121314;--color-surface-dark-card:#181818;--color-canvas-light:#fff;--color-surface-soft:#f3f3f3;--color-surface-card:#f5f7fa;--color-surface-filter:#f5f7fa4d;--color-hairline-light:#f3f3f3;--color-hairline-dark:#e5e5e533;--color-ink:#000;--color-ink-deep:#121314;--color-ink-elevated:#181818;--color-body-light:#0009;--color-mute-light:#6b6b6b;--color-ash-light:#ccc;--color-on-dark:#fff;--color-body-dark:#ffffffb3;--color-on-dark-mute:#ccc;--color-mute-dark:#e5e5e58c;--color-on-primary:#fff;--color-on-commerce:#fff;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-section:96px;--rounded-none:0px;--rounded-sm:4px;--rounded-md:8px;--rounded-lg:16px;--rounded-full:9999px;--bg-dark:var(--color-canvas-dark);--surface:var(--color-surface-dark-elevated);--surface2:var(--color-surface-dark-card);--text-main:var(--color-on-dark);--text-muted:var(--color-body-dark);--accent-primary:var(--color-primary);--accent-secondary:var(--color-marathon-yellow);--accent-tertiary:var(--color-commerce);--accent:var(--accent-primary);--accent2:var(--accent-secondary);--accent3:var(--accent-tertiary);--woven:var(--color-primary);--knitted:#7c6dab;--sustainable:#4db87a;--co2-low:#4db87a;--co2-mid:#f0c94e;--co2-high:#e06b5a;--glass-bg:#121314bf;--glass-border:var(--color-hairline-dark);--glass-highlight:#0070d126;--border:var(--glass-border);--text:var(--text-main);--radius-sm:var(--rounded-sm);--radius-md:var(--rounded-md);--radius-lg:var(--rounded-lg);--text-hero:clamp(2.8rem, 6vw, 4.4rem);--text-section:clamp(1.8rem, 3.5vw, 2.6rem);--text-card-title:1.15rem;--text-body:1rem;--text-small:.88rem;--text-xs:.75rem;--shadow-glow:0 4px 20px #0070d11a;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:DM Sans,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:.02em;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;line-height:1.25}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.container-narrow{max-width:860px;margin:0 auto;padding:0 2rem}.flex{align-items:center;gap:1rem;display:flex}.grid{display:grid}section{position:relative}.section-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);background:#c8a96e0f;border:1px solid #c8a96e26;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:700;display:inline-flex}.accent-line{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));border-radius:2px;width:40px;height:2px;margin:0 auto 3rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006, var(--shadow-glow)}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition);background:#131929bf;overflow:hidden;box-shadow:0 4px 20px #0000004d}.glass-card:hover{box-shadow:0 12px 40px #00000059, 0 0 0 1px #c8a96e14, var(--shadow-glow);border-color:#c8a96e33;transform:translateY(-3px)}.product-card{background-color:var(--color-surface-card);border:1px solid var(--color-hairline-light);border-radius:var(--rounded-md);transition:var(--transition);padding:24px}.product-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 30px #00000014,0 0 15px #0070d126}.product-card-dark{background-color:var(--color-surface-dark-card);border:1px solid var(--color-hairline-dark);border-radius:var(--rounded-md);transition:var(--transition);padding:24px}.product-card-dark:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 30px #0006,0 0 15px #0070d140}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display-xl{letter-spacing:-.1px;font-family:Roboto,sans-serif;font-size:54px;font-weight:300;line-height:1.25}.display-lg{letter-spacing:.1px;font-family:Roboto,sans-serif;font-size:44px;font-weight:300;line-height:1.25}.display-md{letter-spacing:0;font-family:Roboto,sans-serif;font-size:35px;font-weight:300;line-height:1.25}.heading-xl{letter-spacing:.1px;font-family:Roboto,sans-serif;font-size:28px;font-weight:300;line-height:1.25}.heading-lg{letter-spacing:.1px;font-family:Roboto,sans-serif;font-size:22px;font-weight:300;line-height:1.25}.heading-md{letter-spacing:0;font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:1.1}.body-md{letter-spacing:.1px;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.5}.body-strong{letter-spacing:.4px;font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:1.25}.body-sm{letter-spacing:0;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.caption-md{letter-spacing:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.caption-sm{letter-spacing:0;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.5}.text-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, #53b1ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--color-body-light)}.band-dark .text-muted,.band-elevated .text-muted{color:var(--color-body-dark)}.band{width:100%;padding:var(--spacing-section) 0;box-sizing:border-box}.band-dark{background-color:var(--color-canvas-dark);color:var(--color-on-dark)}.band-light{background-color:var(--color-canvas-light);color:var(--color-ink)}.band-blue{background-color:var(--color-primary);color:var(--color-on-primary)}.band-elevated{background-color:var(--color-surface-dark-elevated);color:var(--color-on-dark)}.btn{border-radius:var(--rounded-full);cursor:pointer;letter-spacing:.45px;height:48px;transition:var(--transition);box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:.5rem;padding:12px 28px;font-family:Inter,sans-serif;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background-color:var(--color-primary-pressed);transform:scale(1.02)}.btn-primary:active{background-color:var(--color-primary-active);transform:scale(.98)}.btn-commerce{background-color:var(--color-commerce);color:var(--color-on-commerce)}.btn-commerce:hover{background-color:var(--color-commerce-pressed);transform:scale(1.02)}.btn-commerce:active{transform:scale(.98)}.btn-secondary-light{color:var(--color-ink);border:1px solid var(--color-ash-light);background-color:#0000}.btn-secondary-light:hover{background-color:#0000000a}.btn-secondary-dark{color:var(--color-on-dark);border:1px solid var(--color-hairline-dark);background-color:#0000}.btn-secondary-dark:hover{background-color:#ffffff14}.btn-outline{color:inherit;background-color:#0000;border:1px solid}.btn-outline:hover{background-color:#ffffff14}.btn-ghost{color:var(--text-main);box-shadow:none;background:0 0;border:1px solid #fff3}.btn-ghost:hover{color:var(--accent-primary);background:#ffffff0f;border-color:#c8a96e66;box-shadow:0 4px 20px #c8a96e1a}.btn-outline:hover{color:var(--accent-primary);background:#c8a96e14;border-color:#c8a96e66;box-shadow:0 4px 20px #c8a96e1a}.btn-active{background:linear-gradient(135deg, var(--accent-primary), #b39255);color:#000;border-color:#0000;box-shadow:0 4px 20px #c8a96e59}.btn-active:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c8a96e73}.badge{letter-spacing:.08em;text-transform:uppercase;background:var(--surface2);border:1px solid var(--glass-border);white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-woven{color:var(--woven);background:#c8a96e14;border-color:#c8a96e4d}.badge-knitted{color:var(--knitted);background:#7c6dab14;border-color:#7c6dab4d}.badge-sustainable{color:var(--sustainable);background:#4db87a14;border-color:#4db87a4d}.badge-complex{color:#f0c94e;background:#f0c94e14;border-color:#f0c94e4d}.progress-bar-bg{background:var(--surface2);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-secondary), var(--accent-primary));border-radius:4px;height:100%;transition:width .8s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8a96e40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c8a96e73}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.5s both fadeInUp}.fade-in{animation:.3s both fadeIn}input,textarea,select{background:var(--surface2);color:var(--text-main);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:var(--transition);font-family:DM Sans,sans-serif}input::placeholder,textarea::placeholder{color:var(--text-muted)}@media (width<=1024px){.container{max-width:100%}}@media (width<=768px){.container,.container-narrow{padding:0 1.25rem}.glass-card:hover{transform:none}section{padding:4rem 0!important}.accent-line{margin-bottom:2rem}.grid-cols-2-mobile{grid-template-columns:1fr 1fr!important}.grid-cols-1-mobile{grid-template-columns:1fr!important}.flex-col-mobile{flex-direction:column!important;align-items:stretch!important}.full-width-mobile{width:100%!important;max-width:100%!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}}@media (width<=480px){.container,.container-narrow{padding:0 1rem}section{padding:3rem 0!important}h1{font-size:clamp(2rem,8vw,2.8rem)!important;line-height:1.1!important}h2{font-size:clamp(1.5rem,6vw,2rem)!important}h3{font-size:1.1rem!important}.btn-stack-mobile{flex-direction:column!important;align-items:stretch!important;width:100%!important}.btn-stack-mobile .btn,.btn-stack-mobile a{text-align:center;justify-content:center;width:100%}.grid-cols-1-mobile{grid-template-columns:1fr!important}.tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding-bottom:.25rem;flex-wrap:nowrap!important;display:flex!important;overflow-x:auto!important}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll>*{flex-shrink:0}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.stats-bar-mobile{grid-template-columns:1fr 1fr!important}.stats-bar-mobile>div:nth-child(2){border-right:none!important}.stats-bar-mobile>div:first-child,.stats-bar-mobile>div:nth-child(2){border-bottom:1px solid #ffffff0f!important}}.show-mobile{display:none}@media (width<=768px){.show-mobile{display:flex!important}.hide-mobile{display:none!important}}