:root{--color-primary: #03045E;--color-primary-dark: #023E8A;--color-primary-light: #0077B6;--color-secondary: #00B4D8;--color-accent: #90E0EF;--color-success: #00C66B;--color-warning: #FFB800;--color-error: #FF3B30;--color-text: #1A1A1A;--color-text-light: #666666;--color-background: #FFFFFF;--color-background-alt: #F8F9FA;--color-border: #E0E0E0;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 80px;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: var(--font-primary);--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 10px 30px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15)}.how-it-works-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text)}.container{max-width:1280px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;border-radius:30px;transition:all .3s ease;cursor:pointer;border:none;font-family:inherit}.btn--primary:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 10px 30px #00000026}.btn--large{padding:20px 40px;font-size:18px}.hiw-hero{position:relative;display:flex;align-items:center;overflow:visible;color:#fff;margin-bottom:0!important;padding-top:20px;padding-bottom:0!important}.hiw-hero__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-gradient{width:100%;height:100%;background:linear-gradient(135deg,#03045e,#023e8a)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.hiw-hero__content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:40px 0 60px}@media (max-width: 768px){.hiw-hero{min-height:auto;padding-top:15px;padding-bottom:40px}.hiw-hero__content{grid-template-columns:1fr;text-align:center;padding:20px 0 40px}}.hero-badge{display:inline-block;padding:6px 20px;background:#fff3;border-radius:30px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;color:#fff!important}.hiw-hero__title{font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.2;margin-bottom:24px;color:#fff}.hiw-hero__subtitle{font-size:20px;opacity:.95;margin-bottom:30px;max-width:600px;color:#fff!important}.hero-features{list-style:none;padding:0;margin:0 0 40px}.hero-features li{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:18px;color:#fff!important}.hero-features svg{flex-shrink:0;color:#00c66b}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.hero-actions{justify-content:center}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none;background:none}.btn--primary{background:#fff;color:var(--color-primary)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.btn--secondary{background:transparent;color:#fff;border:2px solid white}.btn--secondary:hover{background:#fff;color:var(--color-primary)}.btn--large{padding:16px 32px;font-size:18px}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.8;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.hiw-hero__media{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-product-image{width:100%;height:auto;max-width:600px;display:block;margin:0 auto}.hero-trust-badges{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}.trust-badge-item{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.9;color:#fff!important;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.trust-badge-item:nth-child(1){animation-delay:.3s}.trust-badge-item:nth-child(2){animation-delay:.4s}.trust-badge-item:nth-child(3){animation-delay:.5s}.trust-badge-item svg,.trust-badge-item img{width:24px;height:24px}.hero-floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.floating-element{position:absolute;color:#fff}.floating-element[data-float="1"]{top:20%;left:10%;animation:float1 20s ease-in-out infinite}.floating-element[data-float="2"]{top:60%;right:15%;animation:float2 25s ease-in-out infinite}.floating-element[data-float="3"]{bottom:30%;left:80%;animation:float3 30s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-40px,20px) rotate(-120deg)}66%{transform:translate(20px,-40px) rotate(-240deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(20px,30px) rotate(90deg)}66%{transform:translate(-30px,-20px) rotate(180deg)}}.hero-stats{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);display:flex;gap:40px;background:linear-gradient(135deg,#fff,#f8f9fa);padding:40px 50px;border-radius:24px;box-shadow:0 25px 80px #03045e1f;z-index:10;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(3,4,94,.1),transparent)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 20px;position:relative}.stat-item:not(:last-child):after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(3,4,94,.1),transparent)}.stat-value{font-size:42px;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.02em}.stat-label{font-size:14px;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.8px;font-weight:600}@media (max-width: 768px){.hero-stats{gap:20px;padding:30px 25px;width:90%;max-width:350px;bottom:-30px}.stat-item{padding:0 15px}.stat-item:not(:last-child):after{right:-10px;height:30px}.stat-value{font-size:32px}.stat-label{font-size:12px}.floating-element{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-video-player{position:relative;margin:40px auto 0;z-index:10;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #03045e1f;background:#000;max-width:320px}.video-container{position:relative;width:320px;max-width:100%;aspect-ratio:9/16;max-height:50vh;background:#000}.demo-video{width:100%;height:100%;object-fit:cover;display:block}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#0000,#0006);pointer-events:none;transition:opacity .3s ease}.video-playing .video-overlay{opacity:0}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;background:none;border:none;cursor:pointer;transition:all .3s ease;z-index:2}.play-icon-wrapper{width:80px;height:80px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;box-shadow:0 8px 32px #0003}.play-icon-wrapper:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.video-play-button:hover .play-icon-wrapper:before{opacity:1}.video-play-button:hover .play-icon-wrapper{transform:scale(1.1);background:#fff;box-shadow:0 12px 48px #03045e4d}.play-icon,.pause-icon{width:32px;height:32px;color:var(--color-primary);transition:transform .3s ease}.play-icon{margin-left:4px}.video-play-button:hover .play-icon{transform:scale(1.15)}.play-text{font-size:18px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .3s ease}.video-play-button:hover .play-text{transform:translateY(-2px);text-shadow:0 4px 12px rgba(0,0,0,.4)}.video-playing .video-play-button{opacity:0;pointer-events:none}.video-container:hover.video-playing .video-play-button{opacity:1;pointer-events:auto}.video-playing .play-icon-wrapper{width:60px;height:60px;background:#000000b3}.video-playing .play-text{display:none}@media (max-width: 768px){.hero-video-player{margin:30px auto 0;width:85%;max-width:280px}.video-container{width:100%;height:auto;aspect-ratio:9/16;max-height:50vh}.play-icon-wrapper{width:60px;height:60px}.play-icon,.pause-icon{width:24px;height:24px}.play-text{font-size:14px}}.hiw-steps{padding:60px 0;background:var(--color-background-alt);margin-top:0!important;position:relative;z-index:5}@media (max-width: 768px){.hiw-steps{padding:40px 0;margin-top:0!important}}.hiw-steps__header{text-align:center;margin-bottom:60px}.hiw-steps__title{font-size:42px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.hiw-steps__subtitle{font-size:20px;color:var(--color-text-light);max-width:600px;margin:0 auto}.hiw-steps__progress{margin-bottom:60px}.progress-line{height:4px;background:#e0e0e0;border-radius:2px;margin-bottom:20px;overflow:hidden}.progress-line__fill{height:100%;background:var(--color-primary);border-radius:2px;width:25%;transition:width .3s ease}.progress-dots{display:flex;justify-content:center;gap:40px}.progress-dot{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #E0E0E0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.progress-dot.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.progress-dot__number{font-weight:600}.hiw-steps__container[data-steps-layout=horizontal] .hiw-steps__content{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:40px;padding-bottom:20px;-webkit-overflow-scrolling:touch}.hiw-steps__container[data-steps-layout=horizontal] .hiw-step{flex:0 0 400px;scroll-snap-align:center}.hiw-step{opacity:.5;transition:opacity .3s ease}.hiw-step.active{opacity:1}.hiw-step__wrapper{background:#fff;border-radius:16px;padding:40px;box-shadow:var(--shadow-sm);height:100%}.hiw-step__media{margin-bottom:30px;height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;border-radius:12px}.hiw-step__image,.hiw-step__video{width:100%;height:100%;object-fit:cover;border-radius:12px}.hiw-step__icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;overflow:visible}.hiw-step__icon{max-width:120px;max-height:120px;width:auto;height:auto}.hiw-step__icon-placeholder{width:120px;height:120px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700}.hiw-step__animation{width:100%;height:100%}.animation-placeholder{width:120px;height:120px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:700;animation:pulse 2s infinite}.hiw-step__animation[data-animation=power] .animation-placeholder{background:linear-gradient(135deg,#ffb800,#ff6b35);position:relative;overflow:hidden}.hiw-step__animation[data-animation=power] .animation-placeholder:before{content:"\26a1";position:absolute;font-size:60px;animation:powerPulse 2s ease-in-out infinite}@keyframes powerPulse{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(15deg);opacity:.8}}.hiw-step__animation[data-animation=activate] .animation-placeholder{background:linear-gradient(135deg,#00c66b,#00a055);cursor:pointer;transition:all .3s ease}.hiw-step__animation[data-animation=activate] .animation-placeholder:before{content:"";position:absolute;width:60px;height:60px;border:3px solid white;border-radius:50%;animation:activateRipple 2s ease-out infinite}@keyframes activateRipple{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.hiw-step__animation[data-animation=scan] .animation-placeholder{background:linear-gradient(135deg,#0077b6,#023e8a);position:relative}.hiw-step__animation[data-animation=scan] .animation-placeholder:before{content:"";position:absolute;width:100%;height:4px;background:#fffc;top:20%;animation:scanLine 2s ease-in-out infinite}@keyframes scanLine{0%,to{top:20%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:80%}}.hiw-step__animation[data-animation=attach] .animation-placeholder:before{content:"\2193";position:absolute;font-size:60px;animation:attachMove 2s ease-in-out infinite}@keyframes attachMove{0%,to{transform:translateY(-10px)}50%{transform:translateY(10px)}}.hiw-step__animation[data-animation=clean] .animation-placeholder{background:linear-gradient(135deg,#90e0ef,#00b4d8)}.hiw-step__animation[data-animation=clean] .animation-placeholder:before{content:"\2728";position:absolute;font-size:60px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}50%{transform:scale(1.2) rotate(180deg);filter:brightness(1.5)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #03045e33}50%{transform:scale(1.05);box-shadow:0 0 0 20px #03045e00}to{transform:scale(1);box-shadow:0 0 #03045e00}}.hiw-step__number{display:inline-block;padding:4px 16px;background:var(--color-secondary);color:#fff;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:16px}.hiw-step__title{font-size:24px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.hiw-step__description{color:var(--color-text);line-height:1.6;margin-bottom:20px}.hiw-step__tip{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f0f7ff;border-radius:8px;margin-bottom:16px}.tip-icon{flex-shrink:0;color:var(--color-primary)}.hiw-step__duration{display:flex;align-items:center;gap:8px;color:var(--color-text-light);font-size:14px}.hiw-steps__navigation{display:flex;justify-content:center;gap:16px;margin-top:40px}.hiw-steps__nav-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:2px solid var(--color-primary);border-radius:8px;color:var(--color-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.hiw-steps__nav-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.hiw-steps__nav-btn:disabled{opacity:.5;cursor:not-allowed}.hiw-steps__navigation{-webkit-user-select:none;user-select:none}.hiw-steps__nav-btn{transition:all .3s ease}.hiw-steps__nav-btn:not(:disabled):hover{transform:translate(4px)}.hiw-steps__nav-btn--prev:not(:disabled):hover{transform:translate(-4px)}.hiw-steps__container[data-steps-layout=horizontal]{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hiw-steps__container[data-steps-layout=horizontal] .hiw-step{scroll-snap-align:center}.progress-line__fill{transition:width .5s cubic-bezier(.4,0,.2,1)}.hiw-steps__mobile-hint{display:none;justify-content:center;align-items:center;gap:12px;margin-top:30px;color:var(--color-text-light)}@media (max-width: 768px){.hiw-steps__mobile-hint{display:flex}.hiw-steps__navigation{display:none}}.hiw-steps__autoplay{display:flex;align-items:center;gap:16px;margin-top:30px;justify-content:center}.autoplay-toggle{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:none}.autoplay-toggle:hover{background:var(--color-primary-dark);transform:scale(1.1)}.autoplay-toggle .pause-icon,.autoplay-toggle[data-playing=true] .play-icon{display:none}.autoplay-toggle[data-playing=true] .pause-icon{display:block}.autoplay-progress{width:200px;height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.autoplay-progress__bar{height:100%;background:var(--color-primary);width:0;animation:autoplayProgress var(--duration, 5s) linear infinite}.autoplay-toggle[data-playing=false]+.autoplay-progress .autoplay-progress__bar{animation-play-state:paused}@keyframes autoplayProgress{0%{width:0}to{width:100%}}.hiw-tech{padding:60px 0;background:#fff}.hiw-tech__header{text-align:center;margin-bottom:60px}.hiw-tech__title{font-size:42px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.hiw-tech__subtitle{font-size:20px;color:var(--color-text-light);max-width:600px;margin:0 auto}.hiw-tech__main{margin-bottom:60px}.hiw-tech__features{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}@media (max-width: 1024px) and (min-width: 769px){.hiw-hero{padding-top:30px}.hiw-steps,.hiw-tech{padding:50px 0}.hiw-features,.hiw-video,.hiw-tech-specs{padding:40px 0}.hiw-scenarios,.hiw-comparison{padding:35px 0}}@media (max-width: 768px){.hiw-tech{padding:40px 0}.hiw-tech__features{grid-template-columns:1fr}.hiw-tech-specs{padding:30px 0}.hiw-comparison{padding:25px 0}}.tech-feature{padding:30px;background:#f8f9fa;border-radius:16px;transition:all var(--transition-medium);border:1px solid transparent;position:relative;overflow:hidden}.tech-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:0;background:var(--color-primary);transition:height var(--transition-medium)}.tech-feature:hover:before{height:4px}.tech-feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#03045e1a;background:#fff}.tech-feature__icon{width:60px;height:60px;margin-bottom:20px;color:var(--color-primary)}.tech-feature__icon i{font-size:32px;line-height:60px}.tech-feature__icon img{width:100%;height:100%;object-fit:contain}.tech-feature__title{font-size:22px;font-weight:600;color:var(--color-primary);margin-bottom:12px}.tech-feature__description{color:var(--color-text);line-height:1.6;margin-bottom:16px}.tech-feature__learn-more{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:600;background:none;border:none;cursor:pointer;transition:gap .3s ease}.tech-feature__learn-more:hover{gap:12px}.tech-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000;padding:20px;overflow-y:auto}.tech-modal.active{display:flex;align-items:center;justify-content:center}.tech-modal__content{background:#fff;border-radius:16px;max-width:600px;width:100%;padding:40px;position:relative}.tech-modal__close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.tech-modal__close:hover{background:#f8f9fa}.hiw-tech__certifications{margin-top:80px;text-align:center}.hiw-tech__certifications{margin-top:80px;padding:60px 0;background:var(--color-background-alt);border-radius:16px;text-align:center}.cert-title{font-size:32px;margin-bottom:12px;color:var(--color-primary)}.cert-subtitle{font-size:18px;color:var(--color-text-light);margin-bottom:40px}.cert-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;margin-bottom:60px}.cert-badge{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:transform .3s ease}.cert-badge:hover{transform:translateY(-5px)}.cert-badge img{height:80px;width:auto;filter:grayscale(100%);transition:filter .3s ease}.cert-badge:hover img{filter:grayscale(0%)}.cert-placeholder{color:var(--color-primary);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;border:2px solid rgba(3,4,94,.1);transition:all .3s ease}.cert-placeholder i{font-size:32px;transition:all .3s ease}.cert-badge:hover .cert-placeholder{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:var(--color-primary);box-shadow:0 8px 25px #03045e33;transform:scale(1.05)}.cert-badge:hover .cert-placeholder i{color:#fff}.cert-name{font-size:14px;font-weight:600;color:var(--color-text-light);transition:color .3s ease}.cert-badge:hover .cert-name{color:var(--color-primary)}.lab-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:800px;margin:0 auto}.result-item{display:flex;flex-direction:column;align-items:center;gap:8px}.result-value{font-size:48px;font-weight:700;color:var(--color-primary);line-height:1}.result-label{font-size:18px;font-weight:600;color:var(--color-text)}.result-source{font-size:14px;color:var(--color-text-light);font-style:italic}.uvc-light-effect.active .light-wave{opacity:1;animation:pulseWave 2s ease-in-out infinite}@keyframes pulseWave{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:.4}to{transform:scale(2);opacity:0}}.hiw-scenarios{padding:40px 0;background:#fff}.hiw-scenarios__header{text-align:center;margin-bottom:60px}.hiw-scenarios__title{font-size:42px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.hiw-scenarios__subtitle{font-size:20px;color:var(--color-text-light);max-width:600px;margin:0 auto}.hiw-scenarios__tabs{display:flex;justify-content:center;gap:16px;margin-bottom:60px;flex-wrap:wrap}.scenario-tab{padding:12px 24px;background:#fff;border:2px solid #E0E0E0;border-radius:30px;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:16px}.scenario-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.scenario-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.hiw-scenarios__grid[data-layout=cards]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px}@media (max-width: 768px){.hiw-scenarios__grid[data-layout=cards]{grid-template-columns:1fr;gap:30px}}.hiw-scenarios__grid[data-layout=masonry]{columns:3;column-gap:40px}@media (max-width: 1024px){.hiw-scenarios__grid[data-layout=masonry]{columns:2}}@media (max-width: 768px){.hiw-scenarios__grid[data-layout=masonry]{columns:1}}.hiw-scenarios__grid[data-layout=masonry] .scenario-card{break-inside:avoid;margin-bottom:40px}.scenario-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:all .3s ease}.scenario-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.scenario-card:hover .scenario-card__overlay{opacity:1}.scenario-card__media{position:relative;padding-bottom:66.67%;overflow:hidden;background:#f8f9fa}.scenario-card__media img,.scenario-card__media video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.scenario-placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.scenario-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#03045ecc,#023e8acc);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.scenario-icon{color:#fff;transform:scale(1.5)}.scenario-card__content{padding:32px}.scenario-card__category{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);margin-bottom:12px}.scenario-card__title{font-size:24px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.scenario-card__description{color:var(--color-text);line-height:1.6;margin-bottom:20px}.scenario-card__uses{list-style:none;padding:0;margin:0 0 20px}.scenario-card__uses li{position:relative;padding-left:24px;margin-bottom:8px;color:var(--color-text-light)}.scenario-card__uses li:before{content:"\2713";position:absolute;left:0;color:var(--color-success);font-weight:700}.scenario-card__meta{display:flex;gap:24px;margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-light)}.meta-item svg{color:var(--color-primary)}.scenario-card__link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:600;text-decoration:none;transition:gap .3s ease}.scenario-card__link:hover{gap:12px}.scenario-card{position:relative;overflow:hidden}.scenario-highlight{position:absolute;top:20px;right:20px;background:var(--color-primary);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.scenario-details{margin:20px 0;display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-light)}.detail-icon{flex-shrink:0;color:var(--color-primary)}.scenario-cta{display:inline-flex;align-items:center;gap:8px;background:none;border:2px solid var(--color-primary);color:var(--color-primary);padding:10px 20px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:auto}.scenario-cta:hover{background:var(--color-primary);color:#fff;transform:translate(4px)}.scenario-card[data-category=home] .scenario-highlight{background:#4caf50}.scenario-card[data-category=work] .scenario-highlight{background:#2196f3}.scenario-card[data-category=fitness] .scenario-highlight{background:#ff5722}.scenario-card[data-category=travel] .scenario-highlight{background:#9c27b0}.scenario-card[data-category=outdoor] .scenario-highlight{background:#009688}.scenario-card[data-category=baby] .scenario-highlight{background:#e91e63}.scenario-card[data-category=medical] .scenario-highlight{background:#00bcd4}.scenario-card[data-category=education] .scenario-highlight{background:#ffc107}.scenario-card[data-category=sports] .scenario-highlight{background:#ff9800}.scenario-card[data-category=pets] .scenario-highlight{background:#795548}.scenario-card.hidden{display:none}.hiw-scenarios__stats{margin-top:80px;padding:60px 40px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:20px;position:relative;overflow:hidden}.hiw-scenarios__stats:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center;position:relative;z-index:1}.hiw-scenarios__stats .stat-item{color:#fff}.hiw-scenarios__stats .stat-value{display:block;font-size:56px;font-weight:700;margin-bottom:8px;color:#fff!important;text-shadow:0 4px 8px rgba(0,0,0,.3);-webkit-text-fill-color:white!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important}.hiw-scenarios__stats .stat-value *{color:#fff!important;-webkit-text-fill-color:white!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important}.stat-value:after{content:attr(data-suffix);font-size:.6em;color:#fff!important;-webkit-text-fill-color:white!important}.hiw-scenarios__stats .stat-label{font-size:16px;color:#fff;font-weight:500;letter-spacing:.5px;opacity:.95;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hiw-tech-specs{padding:50px 0;background:var(--color-background)}.hiw-tech-specs__header{text-align:center;margin-bottom:60px}.hiw-tech-specs__title{font-size:42px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.hiw-tech-specs__subtitle{font-size:18px;color:var(--color-text-light);max-width:600px;margin:0 auto}.tech-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px}.spec-highlight{background:var(--color-background-alt);padding:40px;border-radius:16px;text-align:center;transition:all .3s ease}.spec-highlight:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.spec-highlight__icon{margin-bottom:20px;color:var(--color-primary)}.spec-highlight__icon i{font-size:48px}.spec-highlight__title{font-size:18px;font-weight:600;color:var(--color-text-light);margin-bottom:8px}.spec-highlight__value{font-size:36px;font-weight:700;color:var(--color-primary);margin-bottom:8px}.spec-highlight__description{font-size:14px;color:var(--color-text-light)}.spec-category{background:#fff;border:1px solid var(--color-border);border-radius:16px;padding:30px;grid-column:span 2}.spec-category__title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:var(--color-primary);margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--color-border)}.spec-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.spec-item{display:flex;flex-direction:column;gap:4px;position:relative}.spec-label{font-size:14px;color:var(--color-text-light)}.spec-value{font-size:18px;font-weight:600;color:var(--color-text)}.spec-tooltip{position:absolute;top:0;right:0;background:none;border:none;color:var(--color-text-light);cursor:help;padding:4px}.spec-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;right:0;background:var(--color-primary);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;max-width:200px;z-index:10}.tech-specs__download{text-align:center}.download-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:var(--color-primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.download-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 30px #0003}@media (max-width: 768px){.tech-specs-grid{grid-template-columns:1fr}.spec-category{grid-column:span 1}.spec-items{grid-template-columns:1fr}}.hiw-features{padding:50px 0;background:#f8f9fa}.hiw-features__header{text-align:center;margin-bottom:60px}.hiw-features__title{font-size:42px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.hiw-features__subtitle{font-size:20px;color:var(--color-text-light);max-width:600px;margin:0 auto}.hiw-features__grid[data-layout=grid]{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}@media (max-width: 1024px){.hiw-features__grid[data-layout=grid]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hiw-features__grid[data-layout=grid]{grid-template-columns:1fr;gap:30px}}.hiw-features__grid[data-layout=grid-2]{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}@media (max-width: 768px){.hiw-features__grid[data-layout=grid-2]{grid-template-columns:1fr}}.hiw-features__grid[data-layout=list] .feature-item{display:flex;align-items:flex-start;gap:30px;margin-bottom:20px}@media (max-width: 768px){.hiw-features__grid[data-layout=list] .feature-item{flex-direction:column;gap:20px}}.hiw-features__grid[data-layout=accordion] .feature-item{border:1px solid #E0E0E0;border-radius:8px;margin-bottom:16px;overflow:hidden}.hiw-features__grid[data-layout=accordion] .feature-item__content{cursor:pointer}.feature-item{position:relative;padding:40px 30px;background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000000d;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.feature-item--highlight{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);border:2px solid var(--color-primary)}.feature-item__icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:12px;margin-bottom:24px;color:#fff;flex-shrink:0}.feature-item__icon img{width:32px;height:32px;filter:brightness(0) invert(1)}.feature-item__icon svg{color:#fff}.feature-item__content{flex:1;display:flex;flex-direction:column}.feature-item__title{font-size:22px;font-weight:600;color:var(--color-primary);margin-bottom:8px}.feature-item__value{font-size:36px;font-weight:700;color:var(--color-primary);margin-bottom:12px}.feature-item__description{color:var(--color-text);line-height:1.6;margin-bottom:16px;flex:1}.feature-item__expand{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:600;cursor:pointer;padding:8px 0;background:none;border:none;font-family:inherit;font-size:inherit;transition:gap .3s ease}.feature-item__expand:hover{gap:12px}.feature-item__expand .expand-icon{transition:transform .3s ease}.feature-item__expand[aria-expanded=true] .expand-icon{transform:rotate(180deg)}.feature-item__expanded{max-height:0;overflow:hidden;transition:max-height .3s ease}.feature-item__expanded[aria-hidden=false]{max-height:500px;margin-top:16px;padding-top:16px;border-top:1px solid #E0E0E0}.feature-item__badge{position:absolute;top:20px;right:20px;padding:4px 12px;background:var(--color-success);color:#fff;font-size:12px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.hiw-features__specs{margin-top:80px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 5px 20px #0000000d}.specs-title{font-size:28px;font-weight:600;color:var(--color-primary);margin-bottom:30px;text-align:center}.specs-table{max-width:800px;margin:0 auto}.specs-table table{width:100%;border-collapse:collapse}.specs-table tr{border-bottom:1px solid #E0E0E0}.specs-table tr:last-child{border-bottom:none}.specs-table td{padding:20px}.spec-label{font-weight:600;color:var(--color-primary);width:40%}.spec-value{color:var(--color-text)}@media (max-width: 768px){.hiw-features{padding:30px 0}.hiw-features__header{margin-bottom:40px}.hiw-features__title{font-size:32px}.feature-item{padding:30px 20px}.hiw-features__specs{padding:30px 20px;margin-top:60px}.specs-table td{padding:15px 10px;font-size:14px}.spec-label{width:50%}}.hiw-video__wrapper{max-width:1200px;margin:0 auto}.video-player{position:relative;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0003}.video-player__container{position:relative;padding-bottom:56.25%;height:0}.video-player video,.video-player__youtube,.video-player__vimeo{position:absolute;top:0;left:0;width:100%;height:100%}.video-player__play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;cursor:pointer;transition:transform .3s ease;background:none;border:none;padding:0}.video-player__play-overlay.hidden{opacity:0;pointer-events:none}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:20px;display:flex;align-items:center;gap:20px;opacity:0;transition:opacity .3s ease}.video-player:hover .video-controls,.video-player.controls-visible .video-controls{opacity:1}.control-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s ease;padding:0;border-radius:50%}.control-btn:hover{background:#fff3}.control-btn--play .pause-icon,.control-btn--play.playing .play-icon{display:none}.control-btn--play.playing .pause-icon{display:block}.progress-bar{flex:1;height:6px;background:#ffffff4d;border-radius:3px;position:relative;cursor:pointer}.progress-bar:hover{height:8px}.progress-bar__buffer{position:absolute;top:0;left:0;height:100%;background:#ffffff80;border-radius:3px;width:0}.progress-bar__fill{position:absolute;top:0;left:0;height:100%;background:var(--color-primary);border-radius:3px;transition:width .1s linear;width:0}.progress-bar__handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:grab;left:0;opacity:0;transition:opacity .2s ease}.progress-bar__handle:active{cursor:grabbing}.video-time{color:#fff;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.control-group{display:flex;align-items:center;gap:8px}.volume-slider{width:0;overflow:hidden;transition:width .3s ease;display:flex;align-items:center}.control-btn--volume:hover+.volume-slider,.volume-slider:hover{width:100px}.volume-slider input[type=range]{width:100%;height:4px;background:#ffffff4d;outline:none;-webkit-appearance:none;appearance:none;border-radius:2px}.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.volume-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}.video-settings-menu{position:absolute;bottom:60px;right:20px;background:#000000e6;border-radius:8px;padding:16px;color:#fff;opacity:0;visibility:hidden;transition:all .3s ease;min-width:150px}.video-settings-menu.active{opacity:1;visibility:visible}.settings-section h4{font-size:12px;text-transform:uppercase;margin-bottom:8px;opacity:.7;letter-spacing:.5px}.settings-section button{display:block;width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;border-radius:4px;transition:background .2s ease}.settings-section button.active{color:var(--color-primary);background:#ffffff1a}.video-chapters{margin-top:40px;background:#f8f9fa;border-radius:12px;padding:30px}.chapters-title{font-size:20px;font-weight:600;color:var(--color-primary);margin-bottom:20px}.chapters-list{display:grid;gap:12px}.chapter-item{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:16px;background:#fff;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.chapter-item:hover{border-color:var(--color-primary);transform:translate(4px)}.chapter-time{font-size:14px;font-weight:600;color:var(--color-primary)}.chapter-item.active .chapter-time{color:#fff}.chapter-content{display:flex;flex-direction:column;gap:4px}.chapter-title{font-weight:600;display:block}.chapter-description{font-size:14px;color:var(--color-text-light);display:block}.chapter-item.active .chapter-description{color:#fffc}.transcript-toggle{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-primary);color:#fff;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-family:inherit;font-size:16px;transition:all .3s ease}.transcript-toggle:hover{background:var(--color-primary-dark)}.transcript-content{max-height:0;overflow:hidden;transition:max-height .5s ease}.transcript-content[aria-hidden=false]{max-height:500px;margin-top:20px;padding:30px;background:#f8f9fa;border-radius:12px;overflow-y:auto}@media (max-width: 768px){.hiw-video{padding:30px 0}.hiw-video__header{margin-bottom:40px}.hiw-video__title{font-size:32px}.video-controls{padding:15px;gap:10px}.control-btn{width:32px;height:32px}.control-btn svg{width:16px;height:16px}.video-time{font-size:12px}.video-chapters{padding:20px}.chapter-item{grid-template-columns:50px 1fr;gap:12px;padding:12px}.video-transcript{margin-top:30px}}@media (max-width: 768px){.hiw-scenarios{padding:25px 0}.hiw-scenarios__header{margin-bottom:40px}.hiw-scenarios__title{font-size:32px}.hiw-scenarios__tabs{margin-bottom:40px}.scenario-card__content{padding:24px}}.hiw-comparison{padding:40px 0;background:#f8f9fa}.hiw-comparison__header{text-align:center;margin-bottom:60px}.hiw-comparison__title{font-size:42px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.hiw-comparison__subtitle{font-size:18px;color:var(--color-text-light);max-width:600px;margin:0 auto}.comparison-wrapper{overflow:visible;border-radius:16px;box-shadow:0 10px 40px #00000014;position:relative}.comparison-table{background:#fff;overflow-x:auto}.comparison-table__header{display:grid;grid-template-columns:200px repeat(auto-fit,minmax(200px,1fr));background:#f8f9fa;border-bottom:2px solid #E0E0E0}.comparison-table__corner{padding:30px 20px;font-weight:600;color:var(--color-primary);border-right:1px solid #E0E0E0}.comparison-table__product{padding:30px 20px;text-align:center;border-right:1px solid #E0E0E0;position:relative}.comparison-table__product:last-child{border-right:none}.comparison-table__product.highlight{background:linear-gradient(to bottom,#f0f7ff,#e6f2ff);border:2px solid var(--color-primary);margin:-2px;z-index:1;padding-top:45px;position:relative}.comparison-table__product img{max-height:40px;width:auto;margin:0 auto 12px}.product-name{font-size:20px;font-weight:600;color:var(--color-primary);margin-bottom:8px}.product-description{font-size:14px;color:var(--color-text-light);margin-bottom:12px}.product-price{margin-bottom:0}.price-value{font-size:28px;font-weight:700;color:var(--color-primary)}.price-period{font-size:14px;color:var(--color-text-light)}.recommended-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);background:var(--color-success);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;z-index:2;white-space:nowrap}.comparison-table__body .feature-category-row{grid-column:1 / -1;background:#f0f0f0;padding:12px 20px;font-weight:600;color:var(--color-primary);text-transform:uppercase;font-size:14px;letter-spacing:1px}.comparison-row{display:grid;grid-template-columns:200px repeat(auto-fit,minmax(200px,1fr));border-bottom:1px solid #E0E0E0}.comparison-row:hover{background:#fafafa}.comparison-feature{padding:20px;font-weight:500;border-right:1px solid #E0E0E0;display:flex;align-items:center;gap:8px}.feature-tooltip{background:none;border:none;color:var(--color-text-light);cursor:help;position:relative;padding:0;display:flex;align-items:center}.feature-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;max-width:200px;z-index:10}.comparison-value{padding:20px;text-align:center;border-right:1px solid #E0E0E0}.comparison-value:last-child{border-right:none}.check-icon{animation:checkBounce .5s ease}.partial-icon{margin:0 auto}.na-value{color:var(--color-text-light);font-style:italic;font-size:14px}.text-value{font-weight:600;color:var(--color-primary)}.comparison-table__footer{display:grid;grid-template-columns:200px repeat(auto-fit,minmax(200px,1fr));padding:30px 0;background:#f8f9fa}.comparison-cta{text-align:center;padding:0 20px}.comparison-mobile-nav{display:none;align-items:center;justify-content:center;gap:20px;padding:20px;background:#fff;border-top:1px solid #E0E0E0}.mobile-nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:50%;cursor:pointer;border:none}.mobile-nav-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-nav-dots{display:flex;gap:8px}.nav-dot{width:10px;height:10px;border-radius:50%;background:#e0e0e0;border:none;cursor:pointer;transition:all .3s ease}.nav-dot.active{background:var(--color-primary);transform:scale(1.2)}.comparison-disclaimer{margin-top:30px;padding:20px;background:#fff8e1;border-radius:8px;text-align:center}.comparison-disclaimer p{font-size:14px;color:var(--color-text-light);margin:0}@media (max-width: 768px){.comparison-table__header,.comparison-row,.comparison-table__footer{grid-template-columns:150px repeat(auto-fit,minmax(150px,1fr))}.comparison-mobile-nav{display:flex}.comparison-table[data-mobile-view=slider] .comparison-table__header,.comparison-table[data-mobile-view=slider] .comparison-row,.comparison-table[data-mobile-view=slider] .comparison-table__footer{overflow-x:hidden;scroll-snap-type:x mandatory}.comparison-table[data-mobile-view=slider] .comparison-table__header>*:not(:first-child),.comparison-table[data-mobile-view=slider] .comparison-row>*:not(:first-child),.comparison-table[data-mobile-view=slider] .comparison-table__footer>*:not(:first-child){scroll-snap-align:start}.comparison-table[data-mobile-view=accordion] .comparison-table__header{display:none}.comparison-table[data-mobile-view=accordion] .comparison-row{display:block}.comparison-table[data-mobile-view=accordion] .comparison-feature{border:none;font-weight:600;padding:16px;background:#f8f9fa}.comparison-table[data-mobile-view=accordion] .comparison-value{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:none}.comparison-table[data-mobile-view=accordion] .comparison-value:before{content:attr(data-product);font-weight:500}}@keyframes checkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hiw-cta{position:relative;padding:100px 0;color:#fff;overflow:hidden;background-size:cover;background-position:center}.hiw-cta__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hiw-cta .container{position:relative;z-index:1}.hiw-cta__content{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:center}.hiw-cta__badge{display:inline-block;background:var(--color-success);color:#fff;padding:6px 20px;border-radius:30px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;animation:pulse 2s infinite}.hiw-cta__title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px;color:#fff!important}.hiw-cta__subtitle{font-size:20px;opacity:.95;max-width:600px;margin-bottom:30px;color:#fff!important}.hiw-cta__pricing{display:flex;align-items:baseline;gap:16px;margin-bottom:30px;flex-wrap:wrap}.price-current{font-size:48px;font-weight:700;color:#fff}.price-note{background:#fff3;padding:4px 12px;border-radius:20px;font-size:14px;color:#fff}.hiw-cta__actions{display:flex;gap:16px;margin-bottom:30px;flex-wrap:wrap}.hiw-cta__actions .btn{display:inline-flex;align-items:center;gap:12px}.cart-icon{transition:transform .3s ease}.btn:hover .cart-icon{transform:translate(4px)}.hiw-cta__app-links{margin-bottom:40px}.app-links-label{font-size:16px;margin-bottom:16px;opacity:.9;color:#fff}.app-links{display:flex;gap:16px;flex-wrap:wrap}.app-link{display:inline-flex;align-items:center;height:48px;transition:all .3s ease;border-radius:8px;overflow:visible;position:relative}.app-link:hover{transform:translateY(-2px);filter:brightness(.9)}.app-link img{display:block;height:48px;width:auto;object-fit:contain}.app-link--ios img{height:48px;width:auto}.app-link--android img{height:78px;width:auto;display:block;margin:-10px -15px}.app-link--ios,.app-link--android{background:transparent}.hiw-cta__trust{display:flex;gap:30px;flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:12px}.trust-badge svg,.trust-badge img{width:40px;height:40px;color:#fff;opacity:.9}.trust-badge span{font-size:14px;opacity:.9;color:#fff}.hiw-cta__side .side-image{width:100%;max-width:400px;height:auto;border-radius:16px;box-shadow:0 20px 60px #0000004d;margin-bottom:30px}.reviews-summary{background:#ffffff1a;padding:20px;border-radius:12px;text-align:center;margin-bottom:30px}.reviews-summary .stars{display:flex;justify-content:center;gap:4px;margin-bottom:12px}.reviews-text{font-size:16px;opacity:.95;color:#fff}.countdown-timer{background:#ffffff1a;padding:24px;border-radius:12px;text-align:center}.countdown-label{font-size:16px;margin-bottom:16px;opacity:.9;color:#fff}.countdown-display{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.countdown-value{display:block;font-size:32px;font-weight:700;line-height:1;color:#fff}.countdown-unit{display:block;font-size:12px;text-transform:uppercase;opacity:.7;margin-top:4px;color:#fff}.countdown-timer.urgent{background:#ffb80033;border:2px solid rgba(255,184,0,.5)}.hiw-cta__additional{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.2);text-align:center}.additional-text{font-size:18px;margin-bottom:20px;opacity:.9;color:#fff}.additional-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.additional-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;opacity:.9;transition:all .3s ease}.additional-link:hover{opacity:1;gap:12px}@media (max-width: 1024px){.hiw-cta__content{grid-template-columns:1fr;text-align:center}.hiw-cta__subtitle{margin:0 auto 30px}.hiw-cta__pricing,.hiw-cta__actions,.app-links,.hiw-cta__trust{justify-content:center}}@media (max-width: 768px){.hiw-cta{padding:25px 0}.hiw-cta__title{font-size:36px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.grid{display:grid;gap:var(--spacing-lg)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}[data-aos]{opacity:0;transition:opacity var(--transition-medium),transform var(--transition-medium)}[data-aos=fade-up]{transform:translateY(30px)}[data-aos=fade-down]{transform:translateY(-30px)}[data-aos=fade-left]{transform:translate(30px)}[data-aos=fade-right]{transform:translate(-30px)}[data-aos].animated{opacity:1;transform:translateY(0) translate(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}section{page-break-inside:avoid}.hiw-hero{min-height:auto;padding:40px 0}.btn{border:1px solid var(--color-primary)}}.hiw-video{padding:50px 0;background:#fff}.hiw-video__header{text-align:center;margin-bottom:60px}.hiw-video__title{font-size:42px;font-weight:700;color:var(--color-primary);margin-bottom:16px}.hiw-video__subtitle{font-size:20px;color:var(--color-text-light);max-width:600px;margin:0 auto}.video-player{max-width:1000px;margin:0 auto}.video-player__container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border-radius:16px;box-shadow:0 20px 60px #00000026}.video-player__youtube,.video-player__vimeo,.video-player__native{position:absolute;top:0;left:0;width:100%;height:100%}.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-player__native{object-fit:contain}.video-player__play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;transition:transform .3s ease}.video-player__play-overlay:hover{transform:translate(-50%,-50%) scale(1.1)}.video-player__play-overlay svg{filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:20px;display:flex;align-items:center;gap:16px;opacity:0;transition:opacity .3s ease}.video-player__container:hover .video-controls{opacity:1}.control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.control-btn:hover{transform:scale(1.1)}.control-btn svg{width:20px;height:20px}.pause-icon,.playing .play-icon{display:none}.playing .pause-icon{display:block}.video-progress{flex:1;display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:4px;background:#ffffff4d;border-radius:2px;position:relative;cursor:pointer}.progress-bar__buffer{position:absolute;top:0;left:0;height:100%;background:#ffffff80;border-radius:2px;width:0%}.progress-bar__fill{position:absolute;top:0;left:0;height:100%;background:var(--color-primary);border-radius:2px;width:0%}.progress-bar__handle{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;opacity:0;transition:opacity .2s ease}.progress-bar:hover .progress-bar__handle{opacity:1}.video-time{display:flex;gap:4px;font-size:14px;color:#fff;white-space:nowrap}.volume-slider{width:0;overflow:hidden;transition:width .3s ease}.control-btn--volume:hover+.volume-slider{width:80px}.volume-slider input[type=range]{width:100%;height:4px;background:#ffffff4d;outline:none;cursor:pointer}.video-settings-menu{position:absolute;bottom:60px;right:20px;background:#000000e6;border-radius:8px;padding:16px;color:#fff;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .3s ease}.video-settings-menu[aria-hidden=false]{opacity:1;pointer-events:auto;transform:translateY(0)}.settings-section{margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.settings-section h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;opacity:.7}.settings-section button{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;color:#fff;cursor:pointer;font-size:14px;border-radius:4px;transition:background .2s ease}.settings-section button:hover{background:#ffffff1a}.settings-section button.active{background:var(--color-primary)}.video-chapters{margin-top:40px}.chapters-title{font-size:24px;font-weight:600;color:var(--color-primary);margin-bottom:20px}.chapters-list{display:grid;gap:16px}.chapter-item{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none;width:100%;text-align:left}.chapter-item:hover{background:#e8f4fd;transform:translate(8px)}.chapter-item.active{background:var(--color-primary);color:#fff}.chapter-time{font-size:14px;opacity:.7;min-width:50px}.chapter-content{flex:1}.chapter-title{font-weight:600;margin-bottom:4px;display:block}.chapter-description{font-size:14px;opacity:.8;display:block}.video-transcript{margin-top:40px}.transcript-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px;background:#f8f9fa;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;color:var(--color-primary);transition:background .3s ease}.transcript-toggle:hover{background:#e8f4fd}.transcript-toggle svg{transition:transform .3s ease}.transcript-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.transcript-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.transcript-content[aria-hidden=false]{max-height:1000px;padding:20px;background:#f8f9fa;border-radius:0 0 8px 8px;margin-top:-8px}@media (max-width: 768px){.hiw-video{padding:30px 0}.video-controls{padding:12px}.control-group{display:none}.chapters-list{gap:12px}.chapter-item{padding:12px}}.how-it-works-page>section:last-of-type{margin-bottom:0;padding-bottom:0}.how-it-works-page+.shopify-section{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/30/assets/how-it-works.css.map */