*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:#333;background-color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@supports(-webkit-touch-callout:none){body{-webkit-overflow-scrolling:touch}}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header{border:5px solid #e6791c;border-left:none;border-right:none;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);padding:30px 0;position:sticky;top:0;z-index:100;box-shadow:0 0 3px -8px rgba(0,0,0,0.6),0 5px 15px rgba(0,0,0,0.3),inset 0 -5px 0 #fff,inset 0 5px 0 #fff}
.header__logo{text-align:center}
.header__logo-img{height:130px;width:auto;border:5px solid #ff6b35;border-radius:2em;box-shadow:0 0 0.5em 0.1em rgba(0,0,0,0.7),0 0 1.5em 1.5em #ff9a56}
.hero{background:linear-gradient(135deg,#ff6b35 0%,#f7931e 50%,#ff9a56 100%);padding:80px 0 120px;text-align:center;color:white;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:0.3}
.hero__content{position:relative;z-index:2}
.hero__heading{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:40px;text-shadow:0 2px 4px rgba(0,0,0,0.3)}
.hero__heading__line{display:inline-block}
.hero__image{margin-top:27px;display:inline-block}
.hero__img{max-width:280px;width:100%;height:auto;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.3);background-color:#191c1b}
@media(min-width:414px){.hero__heading{font-size:2.8rem}}
@media(min-width:440px){.hero__heading{font-size:3rem}}
@media(min-width:480px){.hero__heading{font-size:3.2rem}}
@media(min-width:540px){.hero__heading{font-size:3.4rem}}
@media(min-width:580px){.hero__heading{font-size:3.6rem}}
@media(min-width:640px){.hero__heading{font-size:3.8rem}}
.shipping{background:#fff;padding:80px 0;text-align:center}
.shipping__heading{font-size:2.8rem;font-weight:700;color:#333;margin-bottom:40px;line-height:1.3}
.shipping__heading u{text-decoration:underline;text-decoration-color:#ff6b35;text-decoration-thickness:3px;text-underline-offset:4px}
.shipping__images{display:flex;justify-content:center;gap:1rem;margin-bottom:40px;flex-wrap:wrap}
.shipping__img{max-width:320px;width:100%;height:auto;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.shipping__text{font-size:1.35rem;color:#666;line-height:1.6;max-width:400px;margin:0 auto;width:100%;letter-spacing:-0.01em}
.shipping__text__line{display:inline-block}
@media(min-width:369px){.shipping__text{font-size:1.4rem}}
@media(min-width:390px){.shipping__text{font-size:1.45rem}}
@media(min-width:410px){.shipping__text{font-size:1.5rem}}
.steps{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0 120px}
.steps__heading{font-size:2.2rem;font-weight:700;color:#333;text-align:center;margin-bottom:67px;line-height:1.3}
.steps__list{display:flex;flex-direction:column;gap:40px;width:360px;margin:0 auto;align-items:center;justify-content:center;max-width:100%}
.step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;background:white;padding:33px;border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;width:100%}
.step:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15)}
.step__number{background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);color:white;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;flex-shrink:0;text-shadow:0 1px 1px rgba(0,0,0,0.8),1px 0 1px rgba(0,0,0,0.3);font-weight:bold;border:2px solid rgba(0,0,0,0.3)}
.step__title{font-size:1.68rem;font-weight:600;color:#333;line-height:1.4}
.step__title__line{display:inline-block}
.cta{background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);padding:120px 0;text-align:center}
.cta__button{background:white;color:#ff6b35;border:none;padding:25px;border-radius:50px;font-size:1.9rem;font-weight:700;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 8px 25px rgba(0,0,0,0.2);transition:all 0.3s ease;text-decoration:none;min-width:320px;justify-content:center}
@media(min-width:350px){.cta__button{padding:25px 40px}}
.cta__button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,0,0,0.3)}
.cta__button:active{transform:translateY(-1px)}
.cta__button-text{display:flex;flex-direction:column;align-items:center;gap:5px}
.cta__button-line1{font-weight:400;font-size:1.1em;line-height:1;display:block}
.cta__button-line2{font-weight:800;letter-spacing:-0.05em;display:block;line-height:1}
@media(min-width:414px){.cta__button-line2{font-size:1.1em}}
.cta__button-icon{font-size:2rem}
@keyframes spin{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}
.footer{background:#333;color:white;padding:60px 0;text-align:center}
.footer__text{font-size:1.2rem;opacity:0.8}
@media(min-width:430px){.shipping__img{max-width:360px}}
@media(min-width:560px){.shipping__img{max-width:400px}}
@media(min-width:768px){.container{padding:0 53px}
.hero__heading{font-size:5.25rem}
.hero__img{max-width:400px}
.shipping__heading{font-size:3rem}
.shipping__images{gap:2rem}
.steps__heading{font-size:3rem}
.steps__list{flex-direction:column;gap:53px;width:360px}
.step{flex-direction:column;text-align:center;padding:53px 27px}
.step__number{width:90px;height:90px;font-size:3.5rem;margin-bottom:20px}
.step__title{font-size:2.34rem}
.cta__button{font-size:2.4rem;padding:33px 67px;min-width:467px}}
@media(min-width:1024px){.hero{padding:120px 0 160px}
.hero__heading{font-size:6rem}
.hero__img{max-width:500px}
.shipping{padding:120px 0 80px}
.shipping__heading{font-size:3.85rem}
.steps{padding:80px 0 120px}
.steps__heading{font-size:3.85rem}
.cta{padding:120px 0}}
@supports(-webkit-touch-callout:none){.hero__img,.shipping__img{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@supports(-webkit-touch-callout:none){.cta__button{-webkit-appearance:none;appearance:none}}
@supports(-webkit-touch-callout:none){input[type="text"],input[type="email"],input[type="tel"]{font-size:16px}}
.cta__button:focus{outline:3px solid #ff6b35;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}
@media(prefers-contrast:high){.hero__heading,.shipping__heading,.steps__heading{text-shadow:none}.step{border:2px solid #333}}
a{color:#fff;text-decoration:underline}
a:hover{text-decoration:none}