.benefit-item,.brand-highlight,.floating-circle{backdrop-filter:blur(10px)}.benefit-item:hover,.cta-button{box-shadow:0 10px 30px rgba(0,0,0,.3)}.cta-button::before,.floating-elements,.hero-background,.hero-overlay{height:100%;position:absolute}.cta-button,.hero-content,.stat-item{text-align:center}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;overflow-x:hidden}body,html{user-select:none;-webkit-user-select:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.hero-background{top:0;left:0;width:100%;z-index:1}.hero-bg-image{width:100%;height:100%;object-fit:contain;object-position:center;opacity:0.05}.hero-overlay{top:0;left:0;width:100%;background:linear-gradient(135deg,rgba(128,0,0,.4) 0,rgba(124,45,18,.3) 50%,rgba(153,27,27,.4) 100%);animation:8s ease-in-out infinite overlayPulse}.floating-elements{top:0;left:0;width:100%;z-index:2;pointer-events:none}.floating-circle{position:absolute;background:rgba(255,255,255,.1);border-radius:50%;border:1px solid rgba(255,255,255,.2)}.cta-button,.heading-line-2,.hero-content,.video-container,.video-section{position:relative}.circle-1{width:80px;height:80px;top:15%;left:10%;animation:6s ease-in-out infinite float1}.circle-2{width:60px;height:60px;top:25%;right:15%;animation:8s ease-in-out infinite float2}.circle-3{width:100px;height:100px;bottom:20%;left:20%;animation:7s ease-in-out infinite float3}.circle-4{width:40px;height:40px;top:60%;right:25%;animation:5s ease-in-out infinite float4}.circle-5{width:70px;height:70px;bottom:40%;right:10%;animation:9s ease-in-out infinite float5}.hero-content{z-index:3;max-width:1200px;margin:0 auto;padding:0 20px}.container{max-width:1000px;margin:0 auto}.logo-container{margin-bottom:40px;animation:1s ease-out .2s both fadeInUp;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.logo{max-width:120px;height:auto;animation:none}.logo-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}@media (max-width:768px){.logo-text{align-items:center}}.company-name{font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:5px;color:#8B0000;font-family:Inter,sans-serif;letter-spacing:1px}.company-description{font-size:1.1rem;font-weight:500;line-height:1.2;color:#8B0000;font-family:Inter,sans-serif;letter-spacing:0.5px}.iso-standards-container{text-align:center;margin-top:20px;margin-bottom:30px;animation:1s ease-out .4s both fadeInUp}.iso-standards{font-size:1.3rem;font-weight:500;line-height:1.3;color:#8B0000;font-family:Inter,sans-serif;letter-spacing:0.3px;display:block}.phone-number{font-size:24px;font-weight:800;line-height:1.3;color:#8B0000;font-family:Inter,sans-serif;letter-spacing:0.5px;display:block;margin-top:10px;animation:1s ease-out .5s both fadeInUp}
.iso-standards,.phone-number{ text-shadow:0 1px 1px rgba(0,0,0,.2) }
.heading-container{margin-bottom:30px;animation:1s ease-out .3s both fadeInUp}.main-heading{font-size:clamp(3rem, 8vw, 6rem);font-weight:900;line-height:1.1;margin-bottom:20px}.heading-line-1{display:block;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5)}.heading-line-2{display:block}.highlight-text{background:linear-gradient(45deg,#fff,#fecaca,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:3s ease-in-out infinite gradientShift;text-shadow:none}.heading-underline{width:100px;height:4px;background:linear-gradient(90deg,transparent,#fff,transparent);margin:20px auto;border-radius:2px;animation:1.5s ease-out .8s both underlineExpand}.subtitle{font-size:clamp(1.3rem, 3.5vw, 1.8rem);font-weight:600;color:#8B0000;text-shadow:0 1px 1px rgba(0,0,0,.2)}.subtitle-small{font-size:0.85em;font-weight:500}
.brand-highlight{background:rgba(128,0,0,.3);padding:4px 12px;border-radius:8px;font-weight:700;border:1px solid rgba(255,255,255,.3)}.benefits-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:50px;animation:1s ease-out .9s both fadeInUp}.benefit-item{display:flex;align-items:center;background:rgba(255,255,255,.1);padding:12px 20px;border-radius:25px;border:1px solid rgba(255,255,255,.2);transition:.3s}.benefit-item:hover{transform:translateY(-5px);background:rgba(255,255,255,.2)}.benefit-icon{width:20px;height:20px;background:#4ade80;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:12px;font-weight:700;color:#fff}.hero-video,.video-container,.video-section{height:auto;width:100%}.cta-container{margin-bottom:60px;animation:1s ease-out 1.2s both fadeInUp;display:flex;flex-direction:column;align-items:center;gap:12px}.cta-button{display:inline-flex;align-items:center;justify-content:center;background:#8B0000;color:#fff;padding:18px 40px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.2rem;transition:.3s;overflow:hidden;margin:0 8px;width:100%;max-width:320px}.cta-pulse{animation:2s ease-in-out infinite pulse}.cta-arrow,.stat-item{transition:transform .3s}.cta-button::before{content:"";top:0;left:-100%;width:100%;background:linear-gradient(90deg,transparent,rgba(128,0,0,.1),transparent);transition:left .5s}.cta-button:hover::before{left:100%}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px rgba(139,0,0,.6);background:#A0522D}.cta-arrow{margin-left:10px;font-size:1.3rem}.cta-button:hover .cta-arrow{transform:translateX(5px)}.stats-wrapper{margin-bottom:60px}.stats-container{display:flex;flex-wrap:nowrap;justify-content:center;gap:40px;max-width:100%;margin:0 auto;animation:1s ease-out 1.5s both fadeInUp;overflow-x:auto;-webkit-overflow-scrolling:touch}.stat-item:hover{transform:translateY(-10px)}.stat-number{font-size:3rem;font-weight:900;color:#8B0000;text-shadow:0 1px 3px rgba(0,0,0,.3);margin-bottom:10px}.stat-label{font-size:.9rem;color:#8B0000;font-weight:500}.scroll-indicator-section{text-align:center;margin-top:20px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.video-section{overflow:hidden;margin:0;padding:0}.hero-video{object-fit:contain;object-position:top center}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.3) 100%);pointer-events:none}.video-hint{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:3;background:rgba(0,0,0,.4);color:#fff;padding:8px 16px;border-radius:20px;font-weight:500;font-size:12px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);animation:3s ease-in-out infinite hintFade;cursor:pointer;opacity:.7}.video-hint:hover{background:rgba(0,0,0,.6);opacity:1}@keyframes hintFade{0%,100%{opacity:.5}50%{opacity:.9}}.scroll-indicator{display:flex;justify-content:center;align-items:center;position:relative;animation:2s infinite bounce}.scroll-arrow{width:30px;height:30px;border-right:3px solid #8B0000;border-bottom:3px solid #8B0000;transform:rotate(45deg);opacity:.4;transition:opacity .3s}.scroll-indicator:hover .scroll-arrow{opacity:1}@keyframes zoomIn{0%{transform:scale(1)}100%{transform:scale(1.1)}}@keyframes overlayPulse{0%,100%{opacity:.7}50%{opacity:.9}}@keyframes float1{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes float2{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(-180deg)}}@keyframes float3{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(90deg)}}@keyframes float4{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-90deg)}}@keyframes float5{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(270deg)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes underlineExpand{from{width:0;opacity:0}to{width:100px;opacity:1}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 10px 30px rgba(0,0,0,.3)}50%{transform:scale(1.05);box-shadow:0 15px 40px rgba(128,0,0,.4)}}@keyframes slideAndFade{0%{transform:translateX(-100%);opacity:0.01}50%{transform:translateX(0%);opacity:0.5}100%{transform:translateX(100%);opacity:0.01}}@keyframes slideAndFadeVertical{0%{transform:translate(-100%,100%);opacity:0.05}50%{transform:translate(0%,0%);opacity:0.05}100%{transform:translate(100%,-100%);opacity:0.05}}@media (max-width:768px){.video-section{height:auto;margin:0;padding:0}.video-container{position:relative;width:100%;height:auto}.hero-video{object-fit:contain;width:100%;height:auto;object-position:top center}.benefits-container{flex-direction:column;align-items:center}.benefit-item{width:100%;max-width:300px;justify-content:center}.stats-container{display:flex;flex-wrap:nowrap;gap:30px;overflow-x:auto}.stat-number{font-size:2.5rem}.cta-container{flex-direction:column;align-items:center;gap:12px}.cta-button{width:100%;max-width:320px;margin:6px 0;padding:15px 30px;font-size:1.1rem}.floating-circle{display:none}.logo-container{flex-direction:column;text-align:center;gap:15px;align-items:center}.company-name{font-size:2rem}.company-description{font-size:1.25rem}.iso-standards{font-size:1.2rem}.phone-number{font-size:1.1rem}}@media (max-width:480px){.video-section{height:auto;margin:0;padding:0}.video-container{position:relative;width:100%;height:auto}.hero-video{object-fit:contain;width:100%;height:auto;object-position:top center}.hero-content{padding:0 15px}.main-heading{font-size:2.5rem}.stat-number{font-size:2rem}.subtitle{font-size:1rem}.company-name{font-size:1.8rem}.company-description{font-size:1rem}.iso-standards{font-size:0.9rem}.phone-number{font-size:0.8rem}}@media (max-width:480px){.subtitle{font-size:1.2rem}}
.subtitle{font-weight:900}
.subtitle-small{font-weight:700}
.subtitle{margin-bottom:36px}
@media (max-width:768px){.iso-standards{font-size:1.35rem;font-weight:500;line-height:1.4}.phone-number{font-size:1.4rem;font-weight:800;line-height:1.4}}
@media (max-width:480px){.iso-standards{font-size:1.2rem;font-weight:500;line-height:1.4}.phone-number{font-size:1.3rem;font-weight:800;line-height:1.4}}
.subtitle{font-size:clamp(1.8rem, 5vw, 2.6rem)}
@media (max-width:480px){.subtitle{font-size:1.5rem}}
.company-description{font-size:1.25rem}
@media (max-width:768px){.company-description{font-size:1.1rem}}
@media (max-width:480px){.company-description{font-size:1rem}}
.iso-standards{font-weight:700}
@media (max-width:768px){.iso-standards{font-weight:600}}
@media (max-width:480px){.iso-standards{font-weight:600}}