:root{--color-primary: #914107;--color-secondary: #914107;--color-primary-dark: #a3490c;--color-primary-light: #f2d5b0;--color-charcoal: #1f1f1f;--color-iron-gray: #5a5a5f;--color-espresso: #362f2d;--color-ivory: #fff8f2;--color-text: #1f1f1f;--color-text-light: #5a5a5f;--color-background: #fff8f2;--color-background-rgb: 255, 248, 242;--color-background-light: #f2d5b0;--color-border: #5a5a5f;--color-text-dark: rgba(255, 255, 255, .7);--color-text-dark-title: white;--color-text-dark-border: rgb(255 255 255 / 10%);--color-text-light-newsletter: #5a5a5f;--color-success: #27ae60;--color-error: #e56a17;--color-warning: #f2d5b0;--color-accent-deep: #2d1810;--color-accent-deep-rgb: 45, 24, 16}[data-theme=dark]{--color-text: #f2d5b0;--color-text-light: #fff8f2;--color-text-dark-title: #1f1f1f;--color-text-dark: #302a28;--color-text-dark-border: rgb(0 0 0 / 10%);--color-background: #1f1f1f;--color-background-rgb: 31, 31, 31;--color-background-light: #302a28;--color-border: #5a5a5f;--color-primary: #bf5913;--color-primary-contact: #d1803b;--color-secondary: #cf6e2b;--color-primary-dark: #f2d5b0;--color-text-light-newsletter: #ffffff;--color-accent-deep: #4a3428;--color-accent-deep-rgb: 74, 52, 40}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-text: #f2d5b0;--color-text-light: #fff8f2;--color-background: #1f1f1f;--color-background-light: #362f2d;--color-border: #5a5a5f;--color-primary-dark: #f2d5b0}}:root{--font-family-primary: "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--font-family-heading: "Playfair Display", georgia, "Times New Roman", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 5%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);--shadow-subtle: 0 2px 4px 0 rgb(0 0 0 / 4%);--shadow-card: 0 1px 3px 0 rgb(0 0 0 / 3%), inset 0 0 0 1px rgba(45, 24, 16, .06);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;line-height:var(--line-height-normal);text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:8px;text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-link:focus{top:6px}a:focus,button:focus,input:focus,textarea:focus,select:focus,[tabindex]:not([tabindex="-1"]):focus{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(229,106,23,.1)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium)}h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover,a:focus{color:var(--color-primary-dark);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}img{max-width:100%;height:auto;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;text-align:center;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);min-height:44px}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover,.btn-primary:focus{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff;text-decoration:none}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal)}input,select,textarea{width:100%;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);color:var(--color-text)}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;height:6px;border-radius:var(--radius-full);background:var(--color-border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:var(--shadow-sm)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-header{position:sticky;top:0;background-color:var(--color-background);border-bottom:1px solid var(--color-border);z-index:100;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.site-header.scrolled{background-color:rgba(var(--color-background-rgb, 255, 248, 242),.98);box-shadow:var(--shadow-sm);border-bottom-color:rgba(var(--color-accent-deep-rgb),.1)}@media (prefers-reduced-motion: reduce){.site-header{transition-duration:.01ms}}.main-nav{padding:0 var(--space-4)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;max-width:var(--container-max-width, 1200px);margin:0 auto}.logo a{display:block;line-height:0}.logo img{height:40px;width:auto;transition:opacity var(--transition-fast)}.logo a:hover img,.logo a:focus img{opacity:.8}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:0;transition:all var(--transition-normal);z-index:101}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus{background-color:var(--color-primary);border-color:var(--color-primary)}.mobile-menu-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.hamburger-icon{position:relative;width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;height:2px;width:100%;background-color:var(--color-text);border-radius:2px;transition:all var(--transition-normal)}.mobile-menu-toggle:hover .hamburger-icon span,.mobile-menu-toggle:focus .hamburger-icon span{background-color:#fff}.mobile-menu-toggle[aria-expanded=true] .hamburger-icon span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .hamburger-icon span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger-icon span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{display:flex;flex-direction:column;position:fixed;top:73px;right:0;bottom:0;width:280px;max-width:80%;background-color:var(--color-background);border-left:1px solid var(--color-border);box-shadow:var(--shadow-xl);transform:translate(100%);transition:transform .3s cubic-bezier(.22,.61,.36,1);overflow-y:auto;list-style:none;margin:0;padding:var(--space-6) 0;z-index:99}.nav-menu.open{transform:translate(0)}.nav-menu li{margin:0}.nav-menu a{display:block;color:var(--color-text);text-decoration:none;padding:var(--space-4) var(--space-6);min-height:44px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border-left:3px solid transparent}.nav-menu a:hover,.nav-menu a:focus{background-color:var(--color-background-light);color:var(--color-primary);border-left-color:var(--color-primary);text-decoration:none}.nav-menu a:active{background-color:rgba(179,80,9,.1)}.nav-menu a.active{color:var(--color-text);font-weight:var(--font-weight-semibold);border-left-color:var(--color-primary)}.nav-cta{margin-top:var(--space-4);padding:0 var(--space-6)}.nav-cta a{border-left:none!important;padding:var(--space-3) var(--space-6);text-align:center}.mobile-menu-overlay{display:none;position:fixed;top:73px;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:98;opacity:0;transition:opacity var(--transition-normal)}.mobile-menu-overlay.visible{display:block;opacity:1}@media (min-width: 768px){.mobile-menu-toggle{display:none}.nav-menu{display:flex;flex-direction:row;position:static;width:auto;max-width:none;background:transparent;border:none;box-shadow:none;transform:none;padding:0;gap:var(--space-6);align-items:center}.nav-menu a{border-radius:var(--radius-md);border-left:none;letter-spacing:.02em;font-weight:var(--font-weight-medium)}.nav-menu a:hover,.nav-menu a:focus{background-color:var(--color-background-light);border-left-color:transparent}.nav-cta{margin-top:0;margin-left:var(--space-4);padding:0}.nav-cta a{padding:var(--space-3) var(--space-6)}.mobile-menu-overlay{display:none!important}}.hero-section{padding:var(--space-16) 0;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-light) 100%)}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-8);padding:0 var(--space-4)}.hero-content{max-width:60ch}.hero-tagline{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);opacity:.85;text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-2);text-align:center}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-light);margin-bottom:var(--space-4);line-height:var(--line-height-relaxed);max-width:50ch;margin-left:auto;margin-right:auto}.hero-value-stack{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);max-width:48ch;margin-left:auto;margin-right:auto}.value-item{white-space:nowrap}.value-separator{color:var(--color-primary);font-weight:var(--font-weight-bold)}.hero-cta{margin-top:var(--space-6)}.hero-image{max-width:100%;height:auto}.hero-image img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.hero-media{max-width:100%;height:auto;position:relative}.hero-video{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);object-fit:cover}.hero-video:not([src]){background:var(--color-background-light);min-height:400px;display:flex;align-items:center;justify-content:center}.hero-form-card{background-color:rgba(255,255,255,.6);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 1px 2px rgba(0,0,0,.02),inset 0 0 0 1px rgba(45,24,16,.04);margin-top:var(--space-6);max-width:550px;margin-left:auto;margin-right:auto}@media (min-width: 640px){.hero-form-card{padding:var(--space-6)}}[data-theme=dark] .hero-form-card{background-color:rgba(48,42,40,.6)}.hero-waitlist-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:500px;margin-left:auto;margin-right:auto}.hero-waitlist-form .form-row{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.hero-waitlist-form .form-field{position:relative;width:100%}.hero-waitlist-form input[type=email]{width:100%;padding:var(--space-4);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.hero-waitlist-form input[type=email]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(179,80,9,.1)}.hero-waitlist-form input[type=email]::placeholder{color:var(--color-text-light)}.hero-waitlist-form input[type=email].error{border-color:var(--color-error, #dc2626);background-color:rgba(220,38,38,.05)}.hero-waitlist-form input[type=email].success{border-color:var(--color-success, #16a34a);background-color:rgba(22,163,74,.05)}.hero-message{min-height:2.5rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:left;margin-top:var(--space-1);visibility:hidden;opacity:0;transition:opacity var(--transition-fast),visibility 0s linear var(--transition-fast)}.hero-message:not(:empty){visibility:visible;opacity:1;transition:opacity var(--transition-fast),visibility 0s linear 0s}.hero-message--success{background-color:rgba(22,163,74,.1);color:var(--color-success, #16a34a);border:1px solid rgba(22,163,74,.3)}.hero-message--error{background-color:rgba(220,38,38,.1);color:var(--color-error, #dc2626);border:1px solid rgba(220,38,38,.3)}.hero-waitlist-form button.loading{opacity:.7;cursor:not-allowed;position:relative}.hero-waitlist-form button.loading:after{content:"";position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.hero-waitlist-form label{display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-2)}.form-field-checkbox{display:flex;align-items:flex-start;gap:var(--space-2)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer;flex-shrink:0}.checkbox-label a{color:var(--color-primary);text-decoration:underline}.checkbox-label a:hover{text-decoration:none}.form-expectations-text{font-size:var(--font-size-xs);color:var(--color-text-light);margin:0;text-align:center}.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-light)}.trust-badge{display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.launch-details{margin-top:var(--space-4);padding:var(--space-4);background-color:rgba(179,80,9,.05);border:1px solid rgba(179,80,9,.2);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.launch-info{margin:0;line-height:var(--line-height-relaxed)}.launch-info strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.launch-info small{display:block;margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-light);font-style:italic}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (min-width: 1024px){.hero-container{max-width:1400px;margin:auto}}@media (min-width: 1024px){.hero-container{max-width:1200px;margin:auto}}@media (min-width: 768px){.hero-container{max-width:1400px;margin:auto;flex-direction:row;text-align:left;gap:var(--space-12);align-items:flex-start}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.hero-value-stack{justify-content:flex-start;margin-left:0}.hero-image,.hero-media{flex:1;display:flex;align-items:flex-start}.hero-waitlist-form{margin-left:0}.hero-waitlist-form .form-row{flex-direction:row;align-items:flex-end;gap:var(--space-3)}.hero-waitlist-form .form-field-email{flex:1}.hero-waitlist-form .form-field{min-height:85px}.hero-waitlist-form .form-row button[type=submit]{white-space:nowrap;flex-shrink:0;margin-bottom:0;align-self:flex-start;margin-top:30px}.hero-tagline{text-align:left}}@media (min-width: 1024px){.hero-section{padding:var(--space-20) 0}.hero-title{font-size:var(--font-size-6xl)}.hero-subtitle{font-size:var(--font-size-2xl)}}@media (max-width: 320px){.hero-waitlist-form input[type=email]{font-size:16px}.hero-waitlist-form button[type=submit]{font-size:var(--font-size-sm);padding:var(--space-3)}}.problem-section,.solution-section{padding:var(--space-16) 0}.problem-section{background-color:var(--color-background-light)}.solution-section{background-color:var(--color-background)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-overline{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-3)}.section-subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-light);margin-top:var(--space-2);margin-bottom:0}.card-base{background-color:var(--color-background);border:1px solid rgba(var(--color-accent-deep-rgb),.08);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}@media (hover: hover) and (prefers-reduced-motion: no-preference){.card-base:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}}@media (prefers-reduced-motion: reduce){.card-base{transition:none}.card-base:hover{transform:none}}.pain-points-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:1000px;margin:0 auto}.pain-point{text-align:center;padding:var(--space-6);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.pain-point.animate-in{opacity:1;transform:translateY(0)}.pain-point-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-error, #dc2626)}.pain-point-icon svg{width:100%;height:100%}.pain-point h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.pain-point p{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-relaxed)}.solution-features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:1000px;margin:0 auto}.solution-feature{text-align:center;padding:var(--space-6);background:var(--color-background-light);border-radius:var(--radius-lg);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,box-shadow var(--transition-normal)}.solution-feature.animate-in{opacity:1;transform:translateY(0)}.solution-feature:hover{box-shadow:var(--shadow-lg)}.solution-icon{width:64px;height:64px;margin:0 auto var(--space-4)}.solution-icon svg{width:100%;height:100%}.solution-feature h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.solution-feature p{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-relaxed)}@media (min-width: 768px){.pain-points-grid,.solution-features-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.solution-features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.problem-section,.solution-section{padding:var(--space-20) 0}.pain-points-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.solution-features-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.pain-point,.solution-feature{padding:var(--space-8)}}.how-it-works-section{padding:var(--space-16) 0;background-color:var(--color-background)}.hiw-steps{display:grid;grid-template-columns:1fr;gap:var(--space-10);max-width:1000px;margin:0 auto}.hiw-step{text-align:center;padding:var(--space-6);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;position:relative}.hiw-step.animate-in{opacity:1;transform:translateY(0)}.hiw-step-number{position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:1}.hiw-step-visual{width:120px;height:120px;margin:var(--space-8) auto var(--space-4)}.hiw-step-visual svg{width:100%;height:100%}.hiw-step h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.hiw-step p{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-relaxed);max-width:300px;margin:0 auto}@media (min-width: 768px){.hiw-steps{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.hiw-step{position:relative}.hiw-step:not(:last-child):after{content:"→";position:absolute;right:calc(-1 * var(--space-8) / 2);top:50%;transform:translateY(-50%);font-size:var(--font-size-3xl);color:var(--color-primary);opacity:.3}}@media (min-width: 1024px){.how-it-works-section{padding:var(--space-20) 0}.hiw-step{padding:var(--space-8)}.hiw-step-visual{width:140px;height:140px}}.technical-specs-section{padding:var(--space-16) 0;background-color:var(--color-background-light)}.specs-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-top:var(--space-8)}.spec-card{display:flex;flex-direction:column;background:var(--color-background);border:1px solid rgba(var(--color-accent-deep-rgb),.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;padding:0;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}@media (hover: hover) and (prefers-reduced-motion: no-preference){.spec-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}}@media (prefers-reduced-motion: reduce){.spec-card{transition:none}.spec-card:hover{transform:none}}.spec-schematic{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(179,80,9,.05),rgba(179,80,9,.1));padding:var(--space-4)}.spec-schematic img{max-width:100%;max-height:100%;object-fit:contain}.spec-content{padding:var(--space-6)}.spec-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.spec-content p{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-relaxed)}@media (min-width: 768px){.specs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.technical-specs-section{padding:var(--space-20) 0}.specs-grid{grid-template-columns:repeat(3,1fr)}.spec-schematic{height:250px}}.social-proof-section{padding:var(--space-16) 0;background-color:var(--color-background)}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1200px;margin:0 auto}.testimonial-card{background:var(--color-background-light);border:1px solid rgba(var(--color-accent-deep-rgb),.08);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,box-shadow .2s ease-in-out}.testimonial-card.animate-in{opacity:1;transform:translateY(0)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.testimonial-card.animate-in:hover{transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.testimonial-card{opacity:1;transform:none;transition:none}.testimonial-card:hover{transform:none}}.testimonial-rating{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.testimonial-quote{font-size:var(--font-size-lg);font-style:italic;color:var(--color-text);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4);position:relative}.testimonial-quote:before{content:'"';font-size:var(--font-size-4xl);color:var(--color-primary);opacity:.2;position:absolute;left:-10px;top:-10px}.testimonial-author{display:flex;flex-direction:column;gap:var(--space-1)}.author-name{font-weight:var(--font-weight-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.author-location{font-size:var(--font-size-sm);color:var(--color-text-light)}@media (min-width: 768px){.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media (min-width: 1024px){.social-proof-section{padding:var(--space-20) 0}.testimonials-grid{grid-template-columns:repeat(3,1fr)}.testimonial-card{padding:var(--space-8)}}.faq-section{padding:var(--space-16) 0;background-color:var(--color-background-light)}.faq-accordion{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;padding:var(--space-5);background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);transition:background-color var(--transition-fast)}.faq-question:hover{background-color:rgba(179,80,9,.05)}.faq-question:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.question-text{flex:1}.faq-icon{flex-shrink:0;transition:transform var(--transition-fast);color:var(--color-primary)}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-5) var(--space-5);font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-relaxed);animation:fadeIn .3s ease}.faq-answer p{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.faq-section{padding:var(--space-20) 0}.faq-question{padding:var(--space-6);font-size:var(--font-size-xl)}.faq-answer{padding:0 var(--space-6) var(--space-6)}}.sticky-cta-bar{position:fixed;bottom:0;left:0;right:0;background:var(--color-accent-deep);color:#fff;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:100000;transform:translateY(100%);transition:transform .3s ease}.sticky-cta-bar.visible{transform:translateY(0)}.sticky-cta-container{max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.sticky-cta-text{display:flex;flex-direction:column;text-align:center;gap:var(--space-1)}.sticky-cta-text strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.sticky-cta-text span{font-size:var(--font-size-xs)}.sticky-cta-form{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:500px;position:relative}.sticky-form-fields{display:flex;gap:var(--space-2)}.sticky-cta-form input[type=email]{flex:1;padding:var(--space-3);color:var(--color-text-light-newsletter);border:2px solid var(--color-text-dark-border);border-radius:var(--radius-md);font-size:var(--font-size-base);min-width:0}.sticky-cta-form input[type=email]::placeholder{color:var(--color-text-light-newsletter)}.sticky-cta-form input[type=email]:focus{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.3)}.sticky-cta-form input[type=email].error{border-color:var(--color-error, #dc2626);background-color:rgba(220,38,38,.1)}.sticky-cta-form button{flex-shrink:0;white-space:nowrap;background:#fff;color:var(--color-primary)!important;min-height:44px;padding:var(--space-3) var(--space-4)}.sticky-cta-form button:hover{background-color:var(--color-background-light);color:var(--color-text-light)!important;border-color:var(--color-background-light)}.sticky-consent-text{margin:0;font-size:10px;color:#fff;text-align:center;line-height:1.3}.sticky-consent-text a{color:#fff;text-decoration:underline}.sticky-consent-text a:hover{color:#fff}.sticky-message{position:absolute;bottom:-35px;left:0;right:0;padding:var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;z-index:10}.sticky-message--success{background-color:rgba(22,163,74,.9);color:#fff}.sticky-message--error{background-color:rgba(220,38,38,.9);color:#fff}@media (min-width: 768px){.sticky-cta-container{flex-direction:row;justify-content:space-between;padding:var(--space-4) var(--space-6)}.sticky-cta-text{text-align:left;flex-direction:row;align-items:center;gap:var(--space-4)}.sticky-cta-form{max-width:400px}.sticky-message{bottom:-40px}}.features-section{padding:var(--space-20) 0;background-color:var(--color-background)}.features-section h2{margin-bottom:var(--space-12);color:var(--color-text)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}.feature-card{text-align:center;padding:var(--space-8);background:var(--color-background-light);border-radius:var(--radius-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:3rem;margin-bottom:var(--space-4);display:block}.feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text)}.feature-card p{color:var(--color-text-light);line-height:var(--line-height-relaxed)}.our-story-section{padding:var(--space-20) 0;background-color:var(--color-background-light)}.vision-content{text-align:center;margin:0 auto var(--space-16)}.vision-title{font-size:var(--font-size-4xl);color:var(--color-text);margin-bottom:var(--space-6);display:flex}.vision-statement{font-size:var(--font-size-xl);color:var(--color-text);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);max-width:800px;display:inline-flex}.vision-description{font-size:var(--font-size-lg);color:var(--color-text);line-height:var(--line-height-relaxed);max-width:800px;display:inline-flex}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-12)}.value-card{background-color:var(--color-background);padding:var(--space-8);border-radius:var(--radius-xl);border:2px solid var(--color-border);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.value-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);display:block}.value-name{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--space-3);font-weight:var(--font-weight-semibold)}.value-description{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:0}.value-example{font-size:var(--font-size-sm);color:var(--color-text-light);font-style:italic;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.value-example:not([hidden]){display:block}[data-theme=dark] .our-story-section{background-color:var(--color-background)}[data-theme=dark] .value-card{background-color:var(--color-background-light);border-color:var(--color-border)}[data-theme=dark] .value-card:hover{border-color:var(--color-primary)}.demo-section{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--color-background-light) 0%,var(--color-background) 100%)}.demo-section h2{text-align:center;margin-bottom:var(--space-4);color:var(--color-text);display:flex}.demo-description{text-align:center;margin-bottom:var(--space-12);color:var(--color-text-light);font-style:italic}.device-panel{background:rgba(var(--color-accent-deep-rgb),.03);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid rgba(var(--color-accent-deep-rgb),.08);box-shadow:var(--shadow-card)}@media (min-width: 768px){.device-panel{padding:var(--space-8)}}.demo-container{display:flex;flex-direction:column;gap:var(--space-10)}.demo-controls{display:grid;gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}.control-group{display:flex;flex-direction:column;gap:var(--space-2)}.control-group label{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.control-group select,.control-group input[type=range]{padding:var(--space-3);min-height:44px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.control-group select:focus,.control-group input[type=range]:focus{outline:none;border-color:var(--color-primary)}.control-group input[type=range]{padding:0;height:6px;background:var(--color-border);border-radius:var(--radius-full);-webkit-appearance:none;appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:24px;width:24px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:var(--shadow-sm)}.control-group input[type=range]::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:var(--shadow-sm)}.range-value{font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-sm);text-align:center;margin-top:var(--space-1)}.demo-actions{display:flex;justify-content:center;margin-top:var(--space-4)}.demo-preview{padding:var(--space-8);background:var(--color-background);border:1px solid rgba(var(--color-accent-deep-rgb),.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center}.demo-preview h3{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text)}.demo-summary{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:var(--line-height-relaxed)}.faq-section{padding:var(--space-20) 0;background-color:var(--color-background)}.faq-section h2{text-align:center;margin-bottom:var(--space-12);color:var(--color-text);display:flex}.faq-list{display:flex;flex-direction:column;gap:var(--space-6)}.faq-item{padding:var(--space-6);background:var(--color-background-light);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.faq-item h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text)}.faq-item p{color:var(--color-text-light);line-height:var(--line-height-relaxed);margin:0}.cta-section{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;text-align:center}.cta-section h2{color:#fff;margin-bottom:var(--space-4);display:flex}.cta-section p{color:rgba(255,255,255,.9);font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.cta-actions{margin-bottom:var(--space-8)}.cta-section .btn-primary{background-color:#fff;color:var(--color-primary)!important;border-color:#fff}.cta-section .btn-primary:hover,.cta-section .btn-primary:focus{background-color:var(--color-background-light);color:var(--color-primary);border-color:var(--color-background-light)}.trust-elements{margin-top:var(--space-6)}.privacy-note{font-size:var(--font-size-sm);color:rgba(255,255,255,.8);margin:0;hyphens:auto;word-wrap:break-word;max-width:100%}footer{background-color:var(--color-text);color:#fff;padding:var(--space-12) 0 var(--space-8)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.footer-section{background-color:var(--color-accent-deep);color:rgba(255,255,255,.8);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-20)}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-12)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.footer-brand img{height:33px;width:auto}.footer-tagline{color:var(--color-text-dark-title);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.footer-description{color:var(--color-text-dark);font-size:var(--font-size-sm);line-height:1.6;margin:0;max-width:400px}.footer-column{display:flex;flex-direction:column;gap:var(--space-3)}.footer-heading{font-family:var(--font-family-heading);color:var(--color-text-dark-title);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.footer-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-nav li{margin:0}.footer-nav a{color:var(--color-text-dark);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast);display:inline-block}.footer-nav a:hover,.footer-nav a:focus{color:var(--color-text-dark);text-decoration:underline}.footer-newsletter{max-width:400px}.newsletter-description{color:var(--color-text-dark);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--space-4) 0}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-3)}.newsletter-input-group{display:flex;gap:var(--space-2)}.newsletter-input-group input[type=email]{flex:1;padding:var(--space-3) var(--space-4);border:2px solid var(--color-text-dark);border-radius:var(--radius-md);background-color:rgba(255,255,255,.1);color:var(--color-text-dark);font-size:var(--font-size-sm);transition:all var(--transition-normal)}.newsletter-input-group input[type=email]::placeholder{color:var(--color-text-dark)}.newsletter-input-group input[type=email]:focus{outline:none;border-color:var(--color-primary);background-color:rgba(255,255,255,.15)}.newsletter-input-group .btn{white-space:nowrap;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm)}.newsletter-consent-text{margin:var(--space-2) 0 0 0;font-size:10px;color:var(--color-text-dark);line-height:1.3}.newsletter-consent-text a{color:var(--color-text-dark);text-decoration:underline}.newsletter-consent-text a:hover{color:var(--color-text-dark)}.newsletter-message{font-size:var(--font-size-sm);padding:var(--space-2);border-radius:var(--radius-sm);text-align:center}.newsletter-message--success{background-color:rgba(22,163,74,.2);border:1px solid rgba(22,163,74,.4);color:#86efac}.newsletter-message--error{background-color:rgba(220,38,38,.2);border:1px solid rgba(220,38,38,.4);color:#fca5a5}.footer-social{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-text-dark-border)}.footer-social .footer-heading{margin-bottom:var(--space-4)}.social-links{display:flex;gap:var(--space-4);flex-wrap:wrap}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-dark);transition:all var(--transition-normal)}.social-links a:hover,.social-links a:focus{background-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.social-links a:focus{outline:2px solid var(--color-primary);outline-offset:2px}.social-links svg{width:20px;height:20px}.footer-bottom{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid rgb(255 255 255 / 10%)}.footer-bottom p{color:var(--color-text-dark);font-size:var(--font-size-xs);margin:0}.footer-legal{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.trademark-disclaimer,.responsible-drinking{color:var(--color-text-dark);font-size:var(--font-size-2xs);font-style:italic}.responsible-drinking{font-weight:var(--font-weight-semibold)}.privacy-note a{color:#fff;text-decoration:underline}.privacy-note a:hover{text-decoration:none}.footer-bottom-links{display:flex;gap:var(--space-4)}.footer-bottom-links a{color:var(--color-text-dark);text-decoration:none;font-size:var(--font-size-xs);transition:color var(--transition-fast)}.footer-bottom-links a:hover,.footer-bottom-links a:focus{color:rgba(255,255,255,.8);text-decoration:underline}@media (min-width: 640px){.newsletter-input-group{flex-direction:row}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (min-width: 768px){.footer-content{grid-template-columns:2fr 1fr 1fr;gap:var(--space-10)}.footer-newsletter{grid-column:span 3}}@media (min-width: 1024px){.footer-section{padding:var(--space-20) 0 120px}.footer-content{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--space-12)}.footer-newsletter{grid-column:auto}.footer-brand{padding-right:var(--space-8)}.social-links{gap:var(--space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;text-align:center;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);min-height:44px;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:#fff!important;border-color:var(--color-primary)}.btn-primary:hover,.btn-primary:focus{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;color:var(--color-secondary);border-color:var(--color-secondary)}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--color-secondary);color:#fff;text-decoration:none}.footer-section .btn-secondary{color:var(--color-text-dark);border-color:var(--color-text-dark)}.footer-section .btn-secondary:hover,.footer-section .btn-secondary:focus{background-color:var(--color-text-dark);color:var(--color-text)}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-background-light) 0%,#f0f0f0 50%,var(--color-background-light) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-text:last-child{width:80%}.skeleton-card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-button{height:44px;width:150px;border-radius:var(--radius-lg)}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--color-background-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-small{width:20px;height:20px;border-width:2px}.loading-spinner-large{width:60px;height:60px;border-width:6px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4)}.loading-container .loading-spinner{margin-bottom:var(--space-4)}.loading-text{color:var(--color-text-light);font-size:var(--font-size-base)}.content-loading{opacity:.6;pointer-events:none;position:relative}.content-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid var(--color-background-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;z-index:10}.shimmer{position:relative;overflow:hidden;background-color:var(--color-background-light)}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}img[data-src]{opacity:0;transition:opacity var(--transition-normal)}img.loaded{opacity:1}img.loading{background:linear-gradient(90deg,var(--color-background-light) 0%,#f0f0f0 50%,var(--color-background-light) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.error-notification{position:fixed;top:20px;right:20px;background:var(--color-error, #dc2626);color:#fff;padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1001;max-width:400px;animation:slideIn .3s ease-out}.error-notification-content{display:flex;flex-direction:column;gap:var(--space-3)}.error-notification-content strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.error-notification-content p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);opacity:.95}.error-notification-close,.error-notification-reload{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.error-notification-close:hover,.error-notification-reload:hover{background:rgba(255,255,255,.3)}.error-fallback{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-background);display:flex;align-items:center;justify-content:center;z-index:1000}.error-fallback-content{text-align:center;padding:var(--space-8);max-width:500px}.error-fallback-content h2{color:var(--color-error, #dc2626);margin-bottom:var(--space-4)}.error-fallback-content p{color:var(--color-text-light);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.success-notification{position:fixed;top:20px;right:20px;background:var(--color-success);color:#fff;padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);max-width:300px;animation:slideIn .3s ease-out}.focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){.btn{border-width:3px}.feature-card,.demo-controls{border:2px solid var(--color-border)}}@media (prefers-reduced-motion: reduce){.btn,.feature-card,.demo-controls,.faq-item,.nav-menu,.hamburger-icon span{transition:none}.btn:hover,.feature-card:hover{transform:none}}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-background-light);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);min-height:44px}.theme-toggle:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle:active{transform:translateY(0)}.theme-icon{font-size:var(--font-size-lg);line-height:1}.theme-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.nav-menu .theme-toggle{margin-left:var(--space-4)}@media (prefers-reduced-motion: reduce){.theme-toggle{transition:none}.theme-toggle:hover{transform:none}}:root{--ease-out-smooth: cubic-bezier(.22, .61, .36, 1);--ease-in-out-smooth: cubic-bezier(.4, 0, .2, 1)}.card-base{opacity:0;transform:translateY(20px);transition:opacity .35s ease-out,transform .35s ease-out}.card-base.animate-in{opacity:1;transform:translateY(0)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.card-base{transition:opacity .35s ease-out,transform .2s ease-in-out,box-shadow .2s ease-in-out}.card-base:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}}header{transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.mobile-nav{transition:transform .3s var(--ease-out-smooth)}.result-panel{transition:background-color .3s ease-in-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card-base{opacity:1;transform:none;transition:none}header{transition:none}.mobile-nav,.result-panel{transition:none}}.stagger-delay-1{transition-delay:75ms}.stagger-delay-2{transition-delay:.15s}.stagger-delay-3{transition-delay:225ms}.stagger-delay-4{transition-delay:.3s}.stagger-delay-5{transition-delay:375ms}.stagger-delay-6{transition-delay:.45s}@media (prefers-reduced-motion: reduce){.stagger-delay-1,.stagger-delay-2,.stagger-delay-3,.stagger-delay-4,.stagger-delay-5,.stagger-delay-6{transition-delay:0ms!important}}@media (width >= 576px){.container{padding:0 var(--space-6)}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}}@media (width >= 768px){.container{padding:0 var(--space-8)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-6)}.nav-menu li{margin:0}.nav-menu a{border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.nav-menu a:hover{background-color:var(--color-background-light);text-decoration:none}.hero-section{padding:var(--space-16) 0}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero-content{text-align:left}.hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--space-6)}.hero-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--space-8)}.hero-cta{text-align:left}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.demo-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.demo-controls{display:grid;gap:var(--space-6)}.demo-preview{padding:var(--space-8);background:var(--color-background-light);border-radius:var(--radius-lg)}.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.footer-links{display:flex;gap:var(--space-6)}}@media (width >= 992px){.container{max-width:1200px;padding:0 var(--space-12)}.hero-section{padding:var(--space-24) 0}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.25rem}.features-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.feature-card{text-align:center}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.demo-section{padding:var(--space-20) 0}.demo-container{gap:var(--space-16)}.faq-list{grid-template-columns:repeat(3,1fr)}}@media (width >= 1200px){.container{max-width:1400px}.hero-title{font-size:4rem}.hero-subtitle{font-size:1.375rem}}@media (width <= 767px){.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0}.hero-section{padding:var(--space-12) 0;text-align:center;background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-tagline{font-size:var(--font-size-xs);letter-spacing:.05em}.hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--space-6)}.hero-image{margin-top:var(--space-8)}.theme-toggle{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-modal);width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1);background:var(--color-background);border:2px solid var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;user-select:none}.theme-toggle:active{transform:scale(.95);box-shadow:var(--shadow-sm)}.theme-toggle .theme-icon{font-size:18px;line-height:1}.theme-toggle .theme-label{font-size:10px;font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-text)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.feature-card{text-align:center;padding:var(--space-6);background:var(--color-background-light);border-radius:var(--radius-lg)}.feature-icon{font-size:2rem;margin-bottom:var(--space-3)}.values-grid{grid-template-columns:1fr;gap:var(--space-4)}.value-card{padding:var(--space-6)}.vision-content{margin-bottom:var(--space-12)}.vision-title{font-size:var(--font-size-3xl)}.vision-statement{font-size:var(--font-size-lg)}.vision-description{font-size:var(--font-size-base)}.demo-container{display:flex;flex-direction:column;gap:var(--space-8)}.demo-controls{display:grid;gap:var(--space-4)}.control-group{display:flex;flex-direction:column;gap:var(--space-2)}.control-group label{font-weight:var(--font-weight-medium);color:var(--color-text)}.range-value{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.faq-list{display:flex;flex-direction:column;gap:var(--space-6)}.faq-item{padding:var(--space-4);background:var(--color-background-light);border-radius:var(--radius-lg)}.footer-content{display:flex;flex-direction:column;gap:var(--space-4);text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--space-4)}}@media (min-device-pixel-ratio: 2),(resolution >= 192dpi){.hero-image img,.feature-icon{image-rendering:crisp-edges}}@media print{.nav-container,.hero-cta,.demo-controls,.cta-section,.footer{display:none}.hero-section,.features-section,.demo-section{page-break-inside:avoid}.hero-title{color:#000;font-size:2rem}.hero-subtitle{color:#000;font-size:1rem}}@media (prefers-reduced-motion: reduce){.hero-image img{animation:none}.feature-card,.value-card{transition:none}.feature-card:hover,.value-card:hover{transform:none}.btn{transition:none}}@media (prefers-contrast: high){:root{--color-border: #000;--color-text: #000;--color-background: #fff}.btn{border-width:2px}.feature-card{border:1px solid var(--color-border)}}[data-theme=dark] .hero-section,[data-theme=dark] .features-section,[data-theme=dark] .our-story-section,[data-theme=dark] .demo-section,[data-theme=dark] .faq-section,[data-theme=dark] .cta-section{background-color:var(--color-background)}[data-theme=dark] .feature-card,[data-theme=dark] .value-card,[data-theme=dark] .demo-preview,[data-theme=dark] .faq-item{background-color:var(--color-background-light)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .hero-section,:root:not([data-theme=light]) .features-section,:root:not([data-theme=light]) .our-story-section,:root:not([data-theme=light]) .demo-section,:root:not([data-theme=light]) .faq-section,:root:not([data-theme=light]) .cta-section{background-color:var(--color-background)}:root:not([data-theme=light]) .feature-card,:root:not([data-theme=light]) .value-card,:root:not([data-theme=light]) .demo-preview,:root:not([data-theme=light]) .faq-item{background-color:var(--color-background-light)}}.keyboard-navigation *:focus{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}