{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root{ --bg:#1e1a19;--bg-alt:#262220;--gold:#9e906f;--gold-light:#c9bd9b; --text:#f5f1ea;--text-dim:#b8b0a4;--radius:16px;--maxw:1180px; } [data-gp-block="true"]{padding-top:0!important;margin-top:0!important;direction:ltr!important;} [data-gp-block-anchor]{display:none;} .eaulier-master{font-family:'Montserrat',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;direction:ltr;} .eaulier-master *{box-sizing:border-box;} .eaulier-master img{max-width:100%;display:block;border-radius:var(--radius);} .eaulier-master a{text-decoration:none;color:inherit;} .section{max-width:var(--maxw);margin:0 auto;padding:90px 24px;} .section-alt{background:var(--bg-alt);padding:90px 24px;} .section-alt>*{max-width:var(--maxw);margin-left:auto;margin-right:auto;} .section-title{font-size:34px;font-weight:700;text-align:center;margin-bottom:14px;} .section-sub{text-align:center;color:var(--text-dim);max-width:640px;margin:0 auto 50px;font-size:15px;line-height:1.75;} .eyebrow{color:var(--gold);font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:13px;margin-bottom:10px;} .gold{color:var(--gold);} .btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#1e1a19;border:none;padding:14px 28px;border-radius:10px;font-weight:700;cursor:pointer;font-size:15px;display:inline-block;transition:.25s;} .btn-gold:hover{box-shadow:0 0 24px rgba(158,144,111,.5);transform:translateY(-2px);} .btn-outline{border:1.5px solid var(--gold);color:var(--gold);padding:13px 26px;border-radius:10px;font-weight:600;background:transparent;display:inline-block;font-size:15px;transition:.25s;} .btn-outline:hover{background:rgba(158,144,111,.1);} .btn-lg{padding:17px 34px;font-size:16px;} .btn-sm{padding:9px 16px;font-size:13px;} .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 0;} .cta-row.center{justify-content:center;} .disclaimer{text-align:center;color:var(--text-dim);font-size:11px;margin-top:28px;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.7;} /* Nav */ .ark-nav{position:sticky;top:0;z-index:500;background:rgba(30,26,25,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(158,144,111,.25);} .nav-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:20px;} .logo-img{height:40px;width:auto;display:block;border-radius:0!important;} .nav-links{display:flex;gap:24px;flex:1;justify-content:center;} .nav-links a{font-size:14px;font-weight:500;color:var(--text-dim);} .nav-links a:hover{color:var(--gold);} .nav-burger{display:none;background:none;border:none;color:var(--gold);font-size:22px;cursor:pointer;} .whatsapp-float{position:fixed;bottom:24px;right:24px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;z-index:600;box-shadow:0 4px 18px rgba(0,0,0,.4);} /* Hero */ .hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;direction:ltr;} .hero-bg{position:absolute;inset:0;z-index:0;} .hero-bg-img{width:100%;height:100%;object-fit:cover;display:block;} .hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(30,26,25,.97) 0%,rgba(30,26,25,.88) 42%,rgba(30,26,25,.3) 78%);} .hero-content{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:100px 24px;width:100%;} .hero h1{font-size:46px;line-height:1.12;font-weight:800;margin:10px 0 20px;max-width:700px;} .hero-sub{color:var(--text-dim);font-size:16px;line-height:1.75;max-width:580px;} /* Video row */ .video-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;direction:ltr;} .vid-card{cursor:pointer;} .vid-thumb{position:relative;border-radius:var(--radius);overflow:hidden;} .vid-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:.3s;} .vid-card:hover .vid-thumb img{transform:scale(1.04);} .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(158,144,111,.9);color:#1e1a19;display:flex;align-items:center;justify-content:center;font-size:18px;transition:.25s;} .vid-card:hover .play-btn{transform:translate(-50%,-50%) scale(1.1);background:var(--gold-light);} .vid-label{color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:12px;display:block;} .vid-card h4{font-size:13px;margin:5px 0 0;line-height:1.4;color:var(--text);} /* Story cards */ .story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;direction:ltr;} .story-card{background:var(--bg);border:1px solid rgba(158,144,111,.15);border-radius:var(--radius);padding:28px;box-shadow:0 18px 40px -24px rgba(0,0,0,.5);transition:.25s;} .story-card:hover{transform:translateY(-4px);border-color:rgba(158,144,111,.4);} .story-header{display:flex;align-items:center;gap:16px;margin-bottom:18px;direction:ltr;} .story-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--gold);object-fit:cover;flex-shrink:0;} .story-meta h3{font-size:16px;font-weight:700;margin:0 0 3px;} .story-meta span{color:var(--text-dim);font-size:13px;} .story-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(158,144,111,.12);color:var(--gold);padding:3px 10px;border-radius:20px;margin-bottom:14px;} .story-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gold);letter-spacing:.5px;margin-bottom:4px;display:block;} .story-why{color:var(--text-dim);font-size:13px;line-height:1.65;margin-bottom:14px;} .story-quote{border-left:2px solid var(--gold);padding-left:14px;color:var(--text);font-size:14px;line-height:1.7;font-style:italic;} /* Review cards */ .review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;direction:ltr;} .review-card{background:var(--bg-alt);border:1px solid rgba(158,144,111,.15);border-radius:var(--radius);padding:22px;transition:.25s;} .review-card:hover{border-color:rgba(158,144,111,.35);transform:translateY(-2px);} .review-header{display:flex;align-items:center;gap:12px;margin-bottom:10px;direction:ltr;} .review-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid rgba(158,144,111,.4);flex-shrink:0;} .review-info{flex:1;} .review-name{font-size:14px;font-weight:700;margin:0 0 2px;} .review-platform{font-size:11px;color:var(--text-dim);font-weight:600;} .review-stars{color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:8px;} .review-text{color:var(--text-dim);font-size:13px;line-height:1.7;} /* Gallery */ .gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;direction:ltr;} .gallery-item{border-radius:var(--radius);overflow:hidden;} .gallery-item img{width:100%;height:210px;object-fit:cover;display:block;transition:.35s;} .gallery-item:hover img{transform:scale(1.06);} /* Category cards */ .category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;direction:ltr;} .category-card{background:var(--bg-alt);border:1px solid rgba(158,144,111,.15);border-radius:var(--radius);padding:30px 24px;text-align:center;transition:.25s;box-shadow:0 18px 40px -24px rgba(0,0,0,.5);} .category-card:hover{transform:translateY(-4px);border-color:rgba(158,144,111,.4);} .category-icon{width:64px;height:64px;border-radius:50%;background:rgba(158,144,111,.12);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:26px;} .category-card h3{font-size:17px;font-weight:700;margin:0 0 8px;} .category-card p{color:var(--text-dim);font-size:13px;line-height:1.6;} /* Benefit cards (4R) */ .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;direction:ltr;} .benefit-card{background:var(--bg);border:1px solid rgba(158,144,111,.15);border-radius:var(--radius);padding:32px 24px;text-align:center;transition:.25s;box-shadow:0 18px 40px -24px rgba(0,0,0,.5);} .benefit-card:hover{transform:translateY(-4px);border-color:rgba(158,144,111,.4);} .benefit-icon{width:68px;height:68px;border-radius:50%;background:rgba(158,144,111,.12);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:26px;color:var(--gold);} .benefit-card h3{font-size:15px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;} .benefit-card h4{font-size:15px;font-weight:700;margin:0 0 10px;} .benefit-card p{color:var(--text-dim);font-size:13px;line-height:1.65;} /* Final CTA */ .final-cta{text-align:center;padding:100px 24px;background:linear-gradient(135deg,var(--bg-alt),var(--bg));} .final-cta h2{font-size:30px;max-width:680px;margin:0 auto 14px;line-height:1.4;} .final-cta p{color:var(--text-dim);max-width:540px;margin:0 auto;font-size:15px;line-height:1.75;} .cta-4{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:32px;} /* Footer */ .ark-footer{background:#15110f;padding:60px 24px 30px;} .footer-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.3fr 1.7fr;gap:40px;direction:ltr;} .footer-logo-img{height:44px;width:auto;display:block;margin-bottom:10px;border-radius:0!important;} .footer-brand p{color:var(--text-dim);font-size:13px;} .footer-links-inline a{color:var(--gold-light);} .footer-cols{display:flex;gap:60px;} .footer-cols h5{color:var(--gold);font-size:13px;margin-bottom:10px;text-transform:uppercase;} .footer-cols p,.footer-cols a{display:block;color:var(--text-dim);font-size:13px;margin-bottom:8px;} .footer-disclaimer{max-width:var(--maxw);margin:40px auto 0;color:var(--text-dim);font-size:11px;text-align:center;border-top:1px solid rgba(158,144,111,.15);padding-top:20px;line-height:1.7;} /* Popup */ .popup-overlay{position:fixed;inset:0;background:rgba(10,8,7,.85);display:none;align-items:center;justify-content:center;z-index:900;padding:20px;} .popup-overlay.active{display:flex;} .popup-box{background:var(--bg);border:1px solid var(--gold);border-radius:var(--radius);max-width:480px;width:100%;padding:32px;position:relative;box-shadow:0 0 50px rgba(158,144,111,.3);max-height:90vh;overflow-y:auto;} .popup-close{position:absolute;top:14px;right:18px;background:none;border:none;color:var(--gold);font-size:24px;cursor:pointer;} .popup-sub{color:var(--text-dim);font-size:14px;margin:10px 0 16px;line-height:1.7;} .popup-bullets{list-style:none;padding:0;margin-bottom:18px;} .popup-bullets li{font-size:13px;color:var(--text-dim);padding-left:18px;position:relative;margin-bottom:8px;line-height:1.6;} .popup-bullets li:before{content:"\25CF";color:var(--gold);position:absolute;left:0;font-size:9px;top:4px;} .jotform-frame{width:100%;height:380px;border:none;border-radius:10px;background:#fff;} .popup-footer{font-size:10px;color:var(--text-dim);margin-top:14px;text-align:center;line-height:1.6;} .video-modal-box{background:var(--bg);border:1px solid var(--gold);border-radius:var(--radius);max-width:800px;width:100%;padding:16px;position:relative;} .video-embed-wrap{position:relative;width:100%;aspect-ratio:16/9;} @media(max-width:900px){ .video-row{grid-template-columns:repeat(2,1fr);} .story-grid,.review-grid,.category-grid,.footer-inner{grid-template-columns:1fr;} .benefit-grid{grid-template-columns:repeat(2,1fr);} .gallery-grid{grid-template-columns:repeat(3,1fr);} .nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:20px;border-top:1px solid rgba(158,144,111,.2);} .nav-links.open{display:flex;} .nav-burger{display:block;} .hero{min-height:480px;} .hero-overlay{background:linear-gradient(180deg,rgba(30,26,25,.6) 0%,rgba(30,26,25,.97) 70%);} .hero-content{padding:70px 24px;} .hero h1{font-size:30px;} .final-cta h2{font-size:24px;} .footer-cols{flex-direction:column;gap:24px;} } @media(max-width:560px){ .video-row{grid-template-columns:1fr;} .benefit-grid,.gallery-grid{grid-template-columns:repeat(2,1fr);} .category-grid{grid-template-columns:1fr;} .section,.section-alt{padding:72px 20px;} .section-title{font-size:26px;} .cta-row,.cta-4{flex-direction:column;} .btn-gold,.btn-outline{width:100%;text-align:center;} }