:root{--gold:#c5a572;--gold-dark:#b8860b;--gold-light:#e5c28e;--navy:#1a2a3a;--navy-dark:#0f1a24;--white:#fff;--cream:#f8f5f0;--cream-dark:#f0e9e0;--border:#e5e5e5;--text:#333;--gray:#666;--gray-light:#999;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 15px #00000014;--shadow-lg:0 10px 30px #0000001a;--shadow-xl:0 20px 40px #00000026;--shadow-gold:0 4px 20px #c5a5724d;--gradient-gold:linear-gradient(135deg, #c5a572 0%, #e5b73b 50%, #b8860b 100%);--gradient-navy:linear-gradient(135deg, #1a2a3a 0%, #0f1a24 100%);--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.btn-outline{background:0 0;border:2px solid #ffffff4d;transition:all .3s;color:#fff!important}.btn-outline:hover{border-color:var(--gold);background:#c5a5721a}.btn-primary{background:var(--gold);color:var(--white);border:none;transition:all .3s}.btn-primary:hover{background:var(--gold-dark);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.header{background:var(--navy);width:100%;margin-top:0;position:relative;overflow:hidden}.carousel{background:var(--navy);height:min(800px,90vh);position:relative;overflow:hidden}.carousel-slide{opacity:0;visibility:hidden;will-change:opacity, visibility;width:100%;height:100%;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.carousel-slide.active{opacity:1;visibility:visible}.slide-background{z-index:0;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:transform 8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.carousel-slide.active .slide-background{transform:scale(1.1)}.overlay{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#1a2f4fd9 0%,#1a2f4f99 50%,#1a2f4f80 100%);width:100%;height:100%;position:absolute;top:0;left:0}.container{max-width:1400px;height:100%;margin:0 auto;padding:0 clamp(15px,4vw,40px)}.slide-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,60px);height:100%;padding:clamp(80px,12vh,120px) 0 clamp(60px,8vh,80px);display:grid;position:relative}.slide-info{color:var(--white);opacity:0;will-change:transform, opacity;max-width:600px;transition:all .8s cubic-bezier(.4,0,.2,1) .3s;transform:translateY(40px)}.carousel-slide.active .slide-info{opacity:1;transform:translateY(0)}.slide-badge{background:var(--gold);color:var(--white);text-transform:uppercase;letter-spacing:1px;border-radius:30px;margin-bottom:clamp(15px,3vh,20px);padding:clamp(4px,1.5vw,6px) clamp(10px,2vw,15px);font-size:clamp(.75rem,2vw,.85rem);font-weight:600;animation:.8s cubic-bezier(.4,0,.2,1) .4s both fadeInUp;display:inline-block;box-shadow:0 4px 15px #c5a5724d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-subtitle{text-transform:uppercase;letter-spacing:clamp(2px,.5vw,4px);color:var(--gold);margin-bottom:clamp(10px,2vh,15px);padding-left:clamp(10px,2vw,15px);font-size:clamp(.85rem,2.5vw,1rem);font-weight:500;animation:.8s cubic-bezier(.4,0,.2,1) .5s both fadeInLeft;display:inline-block;position:relative}.slide-subtitle:before{content:"";background:var(--gold);border-radius:3px;width:clamp(2px,.3vw,3px);height:clamp(15px,3vh,20px);position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-title{color:var(--white);text-shadow:0 4px 15px #0000004d;word-break:break-word;margin-bottom:clamp(15px,2vh,20px);font-family:Playfair Display,serif;font-size:clamp(2rem,8vw,4.2rem);font-weight:700;line-height:1.1;animation:.8s cubic-bezier(.4,0,.2,1) .6s both fadeInRight}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-description{opacity:.95;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:500px;margin-bottom:clamp(20px,3vh,25px);font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.6;animation:.8s cubic-bezier(.4,0,.2,1) .7s both fadeInUp;display:-webkit-box;overflow:hidden}.slide-actions{flex-wrap:wrap;gap:clamp(10px,2vw,15px);animation:.8s cubic-bezier(.4,0,.2,1) .9s both fadeInUp;display:flex}.slide-actions .btn{text-align:center;cursor:pointer;min-width:clamp(140px,20vw,160px);transition:var(--transition);border-radius:40px;justify-content:center;align-items:center;gap:8px;padding:clamp(10px,2vh,12px) clamp(20px,3vw,30px);font-size:clamp(.8rem,2vw,.9rem);font-weight:600;text-decoration:none;display:inline-flex}.slide-image{opacity:0;will-change:transform, opacity;perspective:1000px;height:clamp(250px,40vh,500px);transition:all .8s cubic-bezier(.4,0,.2,1) .5s;position:relative;transform:translate(50px)}.carousel-slide.active .slide-image{opacity:1;transform:translate(0)}.image-wrapper{border:2px solid #c5a5724d;border-radius:clamp(12px,2vw,20px);width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:rotateY(-5deg)rotateX(5deg)scale(.95);box-shadow:0 clamp(15px,4vw,30px) clamp(30px,6vw,60px) #00000080}.image-wrapper:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}@media (hover:hover){.image-wrapper:hover:before{left:150%}.image-wrapper:hover{border-color:var(--gold);transform:rotateY(0)rotateX(0)scale(1);box-shadow:0 40px 80px #c5a5724d}.image-wrapper:hover img{transform:scale(1.1)}}.image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.image-overlay{pointer-events:none;z-index:2;background:linear-gradient(135deg,#0000 0%,#c5a5721a 100%);width:100%;height:100%;position:absolute;top:0;left:0}.carousel-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:clamp(40px,6vw,55px);height:clamp(40px,6vw,55px);color:var(--white);cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(1.2rem,3vw,1.8rem);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 15px #0000004d}@media (hover:hover){.carousel-nav:not(:disabled):hover{background:var(--gold);border-color:var(--gold);transform:translateY(-50%)scale(1.1);box-shadow:0 8px 25px #c5a57266}}.carousel-nav:disabled{opacity:.5;cursor:not-allowed}.carousel-prev{left:clamp(15px,3vw,30px)}.carousel-next{right:clamp(15px,3vw,30px)}.carousel-dots{z-index:10;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vw,12px);max-width:90%;display:flex;position:absolute;bottom:clamp(20px,5vh,40px);left:50%;transform:translate(-50%)}.dot{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff4d;border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:clamp(8px,2.5vw,14px);height:clamp(8px,2.5vw,14px);padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.dot:after{content:"";border:1px solid #0000;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:-4px}.dot.active{background:var(--gold);border-color:var(--gold);box-shadow:0 0 15px var(--gold);transform:scale(1.2)}.dot.active:after{border-color:var(--gold);transform:scale(1.1)}@media (hover:hover){.dot:not(:disabled):hover{background:var(--gold);border-color:var(--gold);transform:scale(1.1)}}.dot:disabled{cursor:not-allowed;opacity:.5}.benefits{background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:clamp(20px,5vh,40px) 0;position:relative}.benefits-grid{grid-template-columns:repeat(4,1fr);gap:clamp(20px,4vw,40px);display:grid}.benefit-item{align-items:center;gap:clamp(15px,3vw,20px);padding:0 clamp(10px,2vw,20px);transition:transform .3s;display:flex}@media (hover:hover){.benefit-item:hover{transform:translateY(-5px)}}.benefit-icon{background:var(--cream);width:clamp(45px,8vw,60px);height:clamp(45px,8vw,60px);color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(1.3rem,4vw,1.8rem);transition:all .3s;display:flex}@media (hover:hover){.benefit-item:hover .benefit-icon{background:var(--gold);color:var(--white);transform:rotateY(180deg)}}.benefit-info{flex:1;min-width:0}.benefit-info h3{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600;overflow:hidden}.benefit-info p{color:var(--gray);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(.8rem,2vw,.9rem);overflow:hidden}@media (min-width:1200px){.carousel{height:min(800px,85vh)}.slide-title{font-size:4rem}}@media (max-width:1199px) and (min-width:993px){.carousel{height:min(750px,85vh)}.slide-title{font-size:3.5rem}.slide-image{height:400px}.benefits-grid{gap:20px}}@media (max-width:992px){.carousel{height:min(900px,90vh)}.slide-content{text-align:center;grid-template-columns:1fr;gap:clamp(20px,5vh,40px);padding:80px 0 40px}.slide-info{order:2;width:100%;max-width:600px;margin:0 auto}.slide-description{max-width:500px;margin:0 auto 20px}.slide-subtitle{padding-left:0}.slide-subtitle:before{display:none}.slide-actions{justify-content:center}.slide-image{order:1;width:100%;max-width:500px;height:clamp(250px,35vh,350px);margin:0 auto}.image-wrapper{transform:rotateY(0)rotateX(0)scale(.95)}@media (hover:hover){.image-wrapper:hover{transform:scale(1)}}.overlay{background:linear-gradient(135deg,#1a2f4fd9 0%,#1a2f4f99 100%)}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:25px}.benefit-item{justify-content:center}.benefit-info h3,.benefit-info p{white-space:normal}}@media (max-width:768px){.carousel{height:min(850px,90vh)}.slide-title{font-size:clamp(2.2rem,8vw,3rem)}.slide-description{-webkit-line-clamp:3;font-size:.95rem}.slide-image{height:clamp(200px,30vh,280px)}.carousel-nav{display:none}.carousel-dots{gap:8px;bottom:15px}.benefits{padding:20px 0}.benefits-grid{grid-template-columns:1fr;gap:15px;max-width:400px;margin:0 auto}.benefit-item{background:var(--cream);border-radius:12px;justify-content:flex-start;width:100%;padding:10px 15px}.benefit-icon{width:40px;height:40px;font-size:1.2rem}.benefit-info h3{white-space:normal;font-size:.95rem}.benefit-info p{white-space:normal;font-size:.8rem}}@media (max-width:480px){.carousel{height:min(800px,90vh)}.slide-title{font-size:clamp(1.8rem,7vw,2.4rem)}.slide-subtitle{letter-spacing:1.5px;margin-bottom:8px;font-size:.8rem}.slide-description{-webkit-line-clamp:3;margin-bottom:15px;font-size:.9rem;line-height:1.5}.slide-actions{flex-direction:column;gap:8px;width:100%}.slide-actions .btn{width:100%;min-width:auto;padding:10px 15px}.slide-image{height:clamp(180px,25vh,200px)}.slide-badge{margin-bottom:10px;padding:3px 10px;font-size:.7rem}.carousel-dots{gap:6px;bottom:10px}.dot{width:8px;height:8px}.benefit-item{gap:12px;padding:8px 12px}.benefit-icon{width:35px;height:35px;font-size:1rem}.benefit-info h3{font-size:.9rem}.benefit-info p{font-size:.75rem}}@media (max-width:375px){.carousel{height:min(750px,90vh)}.slide-title{margin-bottom:8px;font-size:clamp(1.5rem,6vw,1.8rem)}.slide-description{-webkit-line-clamp:2;font-size:.85rem}.slide-image{height:clamp(150px,22vh,180px)}.slide-badge{padding:2px 8px;font-size:.65rem}.slide-subtitle{letter-spacing:1px;font-size:.75rem}.benefit-item{padding:6px 10px}.benefit-icon{width:30px;height:30px;font-size:.9rem}.benefit-info h3{font-size:.85rem}.benefit-info p{font-size:.7rem}}@media (max-height:600px) and (orientation:landscape){.carousel{height:100vh}.slide-content{padding:60px 0 30px}.slide-image{height:150px}.slide-title{margin-bottom:5px;font-size:clamp(1.5rem,5vh,2rem)}.slide-description{-webkit-line-clamp:2;margin-bottom:10px}.slide-actions{gap:8px}.benefits{display:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.carousel-slide.loading .image-wrapper{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.carousel-slide.active .slide-background,.image-wrapper:hover{transform:none}}@media (hover:none) and (pointer:coarse){.carousel-nav{display:none}.image-wrapper{transform:none}.benefit-item:active{transform:scale(.98)}.slide-actions .btn{-webkit-tap-highlight-color:transparent}.slide-actions .btn:active{transform:scale(.95)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.image-wrapper{border-width:1px}.slide-badge{box-shadow:0 2px 10px #c5a5724d}}
