:root{--navy:#081d33;--blue:#0a67c9;--aqua:#22b8c5;--sand:#f6ead7;--cream:#fffaf2;--orange:#ff5a16;--orange2:#ff7335;--ink:#102337;--muted:#607184;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
.site-header{height:84px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.12)}
.brand img{width:min(255px,36vw);height:46px;object-fit:contain;object-position:left center}.header-actions{display:flex;align-items:center;gap:28px}.secure-pill{color:#c5d7e8;font-size:13px;letter-spacing:.04em}.secure-pill span{color:#45d68a;margin-right:7px;font-size:10px}.whatsapp-link{color:white;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:12px 20px;font-weight:800;font-size:14px;transition:.25s}.whatsapp-link:hover{border-color:var(--orange);background:var(--orange);transform:translateY(-2px)}
.hero{min-height:820px;position:relative;display:grid;grid-template-columns:minmax(350px,1fr) minmax(390px,1.13fr) minmax(360px,.82fr);align-items:center;gap:clamp(24px,3vw,50px);padding:clamp(56px,6vw,88px) clamp(22px,4vw,64px);overflow:hidden;background:linear-gradient(115deg,#fff8ea 0,#f4e6ce 37%,#d7f3f2 100%)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 6%,rgba(255,197,76,.78) 0,rgba(255,197,76,.16) 17%,transparent 35%),linear-gradient(180deg,rgba(255,255,255,.15),transparent 55%);pointer-events:none}.sound-wave{position:absolute;border:2px solid rgba(10,103,201,.13);border-radius:50%;width:620px;height:620px;left:41%;top:8%;animation:pulse 9s ease-in-out infinite}.wave-two{width:820px;height:820px;left:34%;top:-4%;animation-delay:-3s}.hero-copy,.hero-product,.lead-card{position:relative;z-index:2}.hero-copy{max-width:570px;animation:rise .55s ease both}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--blue);text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow i{display:block;width:28px;height:3px;background:var(--orange)}
.hero h1{margin:24px 0 20px;font-size:clamp(50px,4.7vw,74px);line-height:.97;letter-spacing:-.06em;text-transform:uppercase;font-weight:900;color:var(--navy)}.hero h1 em{font-style:normal;color:var(--blue);display:block}.hero-subtitle{color:#52677b;font-size:18px;line-height:1.6;max-width:530px}
.price-block{margin:25px 0 18px;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;column-gap:14px}.old-price{grid-column:1/-1;color:#7b8792;text-decoration:line-through;font-size:15px}.cash-price{display:flex;align-items:baseline;gap:8px}.cash-price small{font-size:15px;color:#667686}.cash-price strong{font-size:52px;line-height:1;color:var(--navy);letter-spacing:-.05em}.cash-price sup{font-size:21px}.saving{font-size:11px;font-weight:900;color:white;background:var(--orange);padding:7px 9px;border-radius:4px;text-transform:uppercase}.installment{grid-column:1/-1;display:flex;align-items:baseline;gap:8px;margin-top:10px;color:#52677b}.installment strong{color:var(--blue);font-size:22px}.installment small{font-size:11px;text-transform:uppercase;font-weight:800}.primary-cta,.secondary-cta{display:inline-flex;align-items:center;gap:26px;background:var(--orange);color:white;padding:18px 24px;border-radius:7px;font-size:14px;text-transform:uppercase;font-weight:900;box-shadow:0 14px 30px rgba(255,90,22,.23);transition:.25s}.primary-cta:hover,.secondary-cta:hover{transform:translateY(-3px);background:var(--orange2);box-shadow:0 16px 38px rgba(255,90,22,.3)}.primary-cta span,.secondary-cta span{font-size:24px}.free-shipping{font-size:14px;color:#08755e;font-weight:900;margin:15px 0 4px}.fine-print{font-size:10px;color:#84909b;margin:6px 0}
.hero-product{min-height:590px;display:flex;align-items:center;justify-content:center;animation:productIn .7s ease both;background:linear-gradient(180deg,#8edff2 0 38%,#d8f5f4 38% 55%,#f1d49d 55%);border-radius:26px;overflow:hidden;box-shadow:0 30px 65px rgba(8,29,51,.18)}.hero-product:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 15%,rgba(255,236,143,.95),transparent 25%),repeating-radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.5) 0 2px,transparent 3px 24px);opacity:.7}.hero-product img{position:relative;z-index:2;width:92%;max-width:650px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 28px 22px rgba(8,29,51,.26));transform:scale(1.06)}.orange-glow{position:absolute;width:390px;height:390px;background:#ffd066;border-radius:50%;filter:blur(90px);opacity:.3}.product-tag{position:absolute;z-index:3;bottom:10%;left:0;display:grid;background:rgba(8,29,51,.94);color:white;border-left:4px solid var(--orange);padding:13px 18px;border-radius:0 8px 8px 0;box-shadow:0 12px 28px rgba(0,0,0,.2)}.product-tag span{color:var(--orange);font-weight:900;font-size:21px}.product-tag strong{font-size:15px;letter-spacing:.18em}.product-tag small{color:#c5d2dd;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}
.lead-card{background:rgba(255,255,255,.96);border:1px solid rgba(8,29,51,.12);border-radius:20px;padding:29px;box-shadow:0 30px 70px rgba(8,29,51,.18);animation:rise .55s .15s ease both}.form-heading>span{color:var(--orange);font-size:11px;letter-spacing:.17em;font-weight:900}.form-heading h2{color:var(--navy);font-size:27px;line-height:1.1;margin:10px 0}.form-heading p{font-size:13px;color:#667686;line-height:1.5;margin-bottom:13px}.form-offer{background:#edf8fb;border-radius:9px;padding:12px 13px;display:grid;margin-bottom:16px}.form-offer strong{color:var(--blue);font-size:18px}.form-offer span{font-size:13px;color:var(--navy);font-weight:800}.form-offer small{color:#08755e;font-weight:800;margin-top:4px}
form label{display:block;color:#38516a;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;margin-bottom:11px}form label small{text-transform:none;color:#8794a0}form input{display:block;width:100%;margin-top:6px;height:44px;border:1px solid #cbd7df;background:white;color:var(--navy);border-radius:7px;padding:0 12px;outline:none;text-transform:none;letter-spacing:0;font-size:14px}form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,103,201,.12)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.consent{display:flex!important;gap:9px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;color:#748392!important;font-weight:400!important;line-height:1.35}.consent input{width:15px;height:15px;margin:1px 0 0;accent-color:var(--blue);flex:0 0 auto}.consent a{text-decoration:underline;color:#405b74}form button{width:100%;border:0;background:var(--orange);color:white;font-weight:900;font-size:12px;padding:16px 12px;border-radius:7px;cursor:pointer;transition:.25s;display:flex;justify-content:center;gap:12px}form button:hover{background:var(--orange2);transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,90,22,.24)}.safe-data{text-align:center;color:#788895;font-size:10px;margin-top:12px}.success-state{text-align:center;padding:30px 4px}.success-state>span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:50%;background:var(--aqua);color:white;font-size:30px;font-weight:900}.success-state h2{color:var(--navy);font-size:30px}.success-state p{color:#68798a;line-height:1.6}.success-state a{display:block;background:var(--orange);color:white;font-weight:900;padding:15px;border-radius:7px;margin-top:20px}.success-state button{border:0;background:none;color:#607184;text-decoration:underline;margin-top:18px;cursor:pointer}
.trust-strip{background:var(--navy);color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:28px clamp(22px,5vw,88px);gap:22px}.trust-strip>div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid rgba(255,255,255,.17)}.trust-strip>div:last-child{border:0}.trust-strip>div>span{font-size:26px;color:#52d5dc;font-weight:900}.trust-strip p{margin:0;font-size:11px;color:#b7cadb}.trust-strip strong{display:block;font-size:14px;color:white;margin-bottom:3px}
.benefits-section{padding:100px clamp(22px,7vw,120px);text-align:center;background:var(--cream)}.section-heading span,.final-cta>div>span{font-size:11px;color:var(--orange);font-weight:900;letter-spacing:.2em}.section-heading h2{color:var(--navy);font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 45px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1250px;margin:0 auto 42px}.benefit-grid article{text-align:left;background:white;border:1px solid #dce6ec;border-radius:14px;padding:30px;min-height:210px;box-shadow:0 12px 30px rgba(8,29,51,.06);transition:.3s}.benefit-grid article:hover{transform:translateY(-6px);border-color:#8ed6de}.benefit-grid article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e6f7f8;color:var(--blue);font-weight:900}.benefit-grid h3{color:var(--navy);margin:24px 0 10px;font-size:19px}.benefit-grid p{color:#697b8b;font-size:14px;line-height:1.55}.secondary-cta{margin:auto}
.final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:72px clamp(22px,10vw,170px);background:linear-gradient(105deg,#087bb7,#19b7c1);color:white}.final-cta>div>span{color:#ffe0a1}.final-cta h2{font-size:clamp(42px,5vw,70px);line-height:.95;text-transform:uppercase;letter-spacing:-.05em;margin:14px 0}.final-cta p{color:#e9fbff}.final-cta>a{background:white;color:var(--blue);border-radius:7px;padding:19px 24px;font-weight:900;text-transform:uppercase;white-space:nowrap;transition:.25s}.final-cta>a:hover{background:var(--orange);color:white;transform:translateY(-3px)}
footer{padding:50px clamp(22px,5vw,70px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;color:#9cb0c1;font-size:12px;border-top:1px solid #1e3b54;background:var(--navy)}footer img{width:230px;height:44px;object-fit:contain;object-position:left}.footer-note{text-align:right}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;background:#28d267;color:#08180e;border-radius:999px;padding:14px 17px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.28);display:flex;gap:9px;align-items:center}.floating-whatsapp:hover{transform:translateY(-3px)}
.shipping-highlight{display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;margin:9px 0 8px;padding:9px 14px;border-radius:9px;background:#e1f8ef;border:1px solid #9ee1ca;color:#076a51;box-shadow:0 8px 20px rgba(7,106,81,.08)}.shipping-highlight>span{font-size:22px}.shipping-highlight div{display:grid}.shipping-highlight small{font-size:8px;font-weight:900;letter-spacing:.12em}.shipping-highlight strong{font-size:15px}.primary-cta{gap:15px;padding:15px 18px;font-size:11px}.fine-print{margin:6px 0}.hero h1{font-size:clamp(46px,4.2vw,66px);margin:18px 0 14px}.hero-subtitle{line-height:1.48}.price-block{margin:18px 0 10px}
.hero-product{background-image:linear-gradient(rgba(255,255,255,.02),rgba(8,29,51,.03)),url('/jbl-praia-background.png');background-size:cover;background-position:center}.hero-product:before{background:linear-gradient(180deg,transparent 55%,rgba(5,20,34,.18));opacity:1}.hero-product img{width:86%;transform:translateY(-4%) scale(1.04);mix-blend-mode:multiply;filter:drop-shadow(0 25px 20px rgba(0,0,0,.34))}.product-tag{bottom:18%}.legal-overlay{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:9px 14px;background:rgba(5,24,40,.9);color:#e9f1f6;border-top:1px solid rgba(255,255,255,.18);font-size:9px;line-height:1.35}.legal-overlay p{margin:2px 0}.legal-overlay strong{color:white}
.hero-product{background:#0b3150}.hero-product:before{background:linear-gradient(180deg,transparent 52%,rgba(5,20,34,.28));z-index:3}.hero-product img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:56% center;transform:none;mix-blend-mode:normal;filter:none}.product-tag{bottom:18%;z-index:4}.legal-overlay{padding:10px 14px;font-size:9px;background:rgba(5,24,40,.92)}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes productIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes pulse{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:.7;transform:scale(1.04)}}
@media(max-width:1150px){.hero{grid-template-columns:1fr 1fr;padding-bottom:70px}.hero-copy{padding-top:20px}.hero-product{min-height:500px}.lead-card{grid-column:1/-1;max-width:740px;width:100%;margin:auto}.benefit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.site-header{height:72px}.brand img{width:210px;height:38px}.secure-pill{display:none}.whatsapp-link{font-size:0;padding:10px 12px}.whatsapp-link:after{content:"WhatsApp";font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px}.hero h1{font-size:46px}.hero-subtitle{font-size:16px}.cash-price strong{font-size:44px}.price-block{display:block}.saving{display:inline-block;margin:10px 0}.installment{display:flex;flex-wrap:wrap;margin-top:4px}.hero-product{min-height:350px;order:2}.hero-product img{width:100%;border-radius:18px}.product-tag{left:0;bottom:4%}.lead-card{order:3;padding:24px}.form-row{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr 1fr;padding:24px}.trust-strip>div{justify-content:flex-start;border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:18px}.benefit-grid{grid-template-columns:1fr}.benefits-section{padding-top:72px;padding-bottom:72px}.final-cta{flex-direction:column;align-items:flex-start}.final-cta>a{white-space:normal;width:100%;text-align:center}footer{grid-template-columns:1fr;text-align:left}.footer-note{text-align:left}.floating-whatsapp span{display:none}.floating-whatsapp{right:15px;bottom:15px}.sound-wave{left:25%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}