:root { --black:#11110f; --gold:#cda65e; --gold-light:#ead49f; --cream:#faf7ef; --white:#fff; --line:#ded5c3; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--black); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }

header { height:94px; padding:0 clamp(22px,6vw,88px); display:flex; align-items:center; justify-content:flex-end; background:rgba(255,253,247,.92); backdrop-filter:blur(15px); border-bottom:1px solid rgba(176,131,56,.22); box-shadow:0 8px 30px rgba(55,37,8,.07); position:absolute; width:100%; z-index:10; animation:headerDown .7s ease both; }
.brand { display:flex; align-items:center; gap:12px; }
.brand > img { width:66px; height:66px; object-fit:cover; object-position:center; border-radius:50%; box-shadow:0 7px 20px rgba(118,77,17,.14); transition:transform .3s ease; }.brand:hover > img { transform:rotate(-4deg) scale(1.06); }
.header-actions { display:flex; align-items:center; gap:10px; }
.instagram-link { padding:14px 18px; border:1px solid #b08338; border-radius:999px; color:#8a6429; text-transform:uppercase; letter-spacing:.1em; font-size:10px; font-weight:800; transition:transform .25s ease,background .25s ease,color .25s ease; }
.instagram-link:hover { transform:translateY(-3px); background:#b08338; color:white; }
.brand strong,.brand small { display:block; text-transform:uppercase; letter-spacing:.18em; }
.brand strong { font:400 22px Georgia,serif; letter-spacing:.08em; }
.brand small { color:#a77d36; font-size:8px; margin-top:4px; }
.header-link { background:var(--black); color:white; padding:10px 18px 10px 10px; border-radius:999px; display:flex; align-items:center; gap:9px; text-transform:uppercase; letter-spacing:.1em; font-size:10px; font-weight:700; box-shadow:0 9px 22px rgba(0,0,0,.15); transition:transform .25s ease,background .25s ease; }.header-link img { width:31px; height:31px; object-fit:contain; }.header-link b { font-size:13px; }
.header-link:hover { transform:translateY(-3px); background:#a77d36; }

.hero { min-height:100vh; padding:130px clamp(24px,7vw,108px) 55px; display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:4%; overflow:hidden; position:relative; background:linear-gradient(115deg,#fff 0%,#fff 57%,#f1dfb8 57%,#dfbd78 100%); background-size:130% 130%; animation:heroGradient 8s ease-in-out infinite alternate; }
.hero::before { content:""; width:420px; height:420px; border:1px solid rgba(106,72,17,.18); border-radius:50%; position:absolute; right:-110px; top:-130px; }
.hero-copy { position:relative; z-index:2; padding-bottom:30px; animation:copyIn .9s .15s cubic-bezier(.2,.8,.2,1) both; }
.eyebrow { margin:0 0 20px; color:#a77d36; text-transform:uppercase; letter-spacing:.2em; font-size:10px; font-weight:800; }
h1,h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.045em; }
h1 { font-size:clamp(52px,6.1vw,91px); line-height:.93; }
h1 em,h2 em { color:#b08338; font-weight:400; }
.hero-text { max-width:620px; margin:25px 0; font-size:18px; line-height:1.65; color:#5d584f; }
.hero-offer { display:flex; align-items:center; gap:24px; margin-top:28px; }
.hero-offer > div { min-width:180px; }
.hero-offer small { display:block; text-transform:uppercase; letter-spacing:.13em; font-size:8px; color:#6d665a; }
.hero-offer strong { display:flex; align-items:flex-start; font:400 57px Georgia,serif; line-height:1; color:#a77d36; }
.hero-offer strong sup { font-size:14px; line-height:1; margin:8px 5px 0 0; }
.hero-offer strong span { font-size:18px; line-height:1; margin-top:4px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:54px; padding:16px 22px; text-transform:uppercase; letter-spacing:.09em; font-size:10px; font-weight:800; transition:transform .25s ease,box-shadow .25s ease; position:relative; overflow:hidden; }
.button::after { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3) 48%,transparent 66%); transform:translateX(-130%); transition:transform .65s ease; }
.button:hover { transform:translateY(-4px); box-shadow:0 14px 25px rgba(0,0,0,.18); }.button:hover::after { transform:translateX(130%); }
.button.dark { background:var(--black); color:#fff; }
.button.gold { background:var(--gold); color:var(--black); }
.microcopy { color:#8b8477; font-size:10px; }
.hero-person { align-self:end; height:min(690px,76vh); position:relative; display:flex; justify-content:center; align-items:flex-end; overflow:visible; animation:photoIn 1s .25s cubic-bezier(.2,.8,.2,1) both; }
.hero-person::before { content:""; position:absolute; width:84%; aspect-ratio:1; border-radius:50%; bottom:4%; background:radial-gradient(circle at 40% 35%,#fff8e8 0%,#e4c47d 58%,#bd8b38 100%); box-shadow:0 28px 60px rgba(61,39,8,.25),0 0 0 1px rgba(255,255,255,.65) inset; }
.portrait-ring { position:absolute; width:91%; aspect-ratio:1; border:2px solid rgba(255,255,255,.65); border-radius:50%; bottom:-1%; animation:ringPulse 3.8s ease-in-out infinite; }
.hero-person img { width:auto; max-width:100%; height:100%; object-fit:contain; object-position:center bottom; position:relative; z-index:2; filter:drop-shadow(0 20px 20px rgba(61,39,8,.25)) drop-shadow(0 0 2px #f5d88f); animation:photoBreathe 5s ease-in-out 1.2s infinite alternate; }

.benefit-bar { min-height:72px; padding:18px clamp(24px,7vw,108px); background:var(--black); color:white; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; gap:20px; }
.benefit-bar span { text-align:center; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; animation:benefitGlow 3s ease-in-out infinite; }.benefit-bar span:nth-child(2){animation-delay:.35s}.benefit-bar span:nth-child(3){animation-delay:.7s}.benefit-bar span:nth-child(4){animation-delay:1.05s}.benefit-bar b { color:var(--gold); margin-right:10px; }

.pain-section { min-height:820px; padding:clamp(80px,9vw,130px) clamp(24px,7vw,110px); display:grid; grid-template-columns:.92fr 1.08fr; gap:7%; align-items:center; background:radial-gradient(circle at 21% 45%,#fff9eb 0%,#fff 52%); position:relative; overflow:hidden; }.pain-section::before { content:""; position:absolute; width:820px; height:820px; border:1px solid rgba(176,131,56,.3); border-radius:50%; left:-330px; top:-90px; animation:painOrbit 14s linear infinite; }.pain-section::after{content:"✦";position:absolute;left:22px;top:43%;color:#c3943e;font-size:40px;animation:sparkle 2.4s ease-in-out infinite}.pain-copy { position:relative; z-index:2; }.pain-copy h2 { font-size:clamp(58px,6.8vw,105px); line-height:.9; }.pain-copy > p:not(.eyebrow) { max-width:600px; margin:32px 0 24px; color:#504b43; font-size:18px; line-height:1.55; }.pain-proof{display:flex;align-items:center;gap:14px;margin:0 0 28px;color:#4f4a42;font-size:14px}.pain-proof b{width:34px;height:34px;border:2px solid #c5943b;border-radius:50%;display:grid;place-items:center;color:#b7832c}.pain-button { min-width:min(500px,100%); background:linear-gradient(135deg,#242424,#090909); color:white; border-radius:12px; box-shadow:0 18px 35px rgba(44,31,10,.2); animation:painCta 2.2s ease-in-out infinite; }.pain-button img{width:34px;height:34px;object-fit:contain}.pain-button b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e4be75,#a87520);font-size:22px}
.pain-list { display:flex; flex-direction:column; gap:20px; position:relative; z-index:2; }.pain-list::before{content:"";position:absolute;left:-28px;top:80px;bottom:80px;width:1px;background:linear-gradient(#d9ad5d,transparent,#d9ad5d);animation:lineGlow 2.8s ease-in-out infinite}.pain-list article { min-height:174px; display:grid; grid-template-columns:110px 44px 1fr; align-items:center; gap:22px; padding:28px 34px; border:1px solid #d5a34c; border-radius:22px; background:rgba(255,255,255,.76); box-shadow:0 20px 45px rgba(91,61,15,.08); position:relative; transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease; animation:painCardIn .8s both; backdrop-filter:blur(8px) }.pain-list article:nth-child(2){animation-delay:.15s}.pain-list article:nth-child(3){animation-delay:.3s}.pain-list article:hover { transform:translateX(-12px) scale(1.015); box-shadow:0 28px 60px rgba(91,61,15,.17); }.pain-list article > span { color:#b08338; font:400 24px Georgia,serif; align-self:start;margin-top:10px }.pain-list strong { font:400 25px Georgia,serif; }.pain-list p { margin:8px 0 0; color:#625b50; font-size:14px; line-height:1.55; }.pain-icon{width:98px;height:98px;border:1px solid rgba(205,166,94,.55);border-radius:25px;display:grid;place-items:center;color:#b7832c;font:400 48px Georgia,serif;box-shadow:0 13px 30px rgba(91,61,15,.12),inset 0 0 18px rgba(205,166,94,.08);animation:serviceFloat 4s ease-in-out infinite}.pain-featured{background:radial-gradient(circle at 45% 30%,#292929,#0b0b0b)!important;color:white;box-shadow:0 25px 55px rgba(20,15,8,.3)!important}.pain-featured p{color:#eee!important}.pain-featured strong{color:#e3b75f}.pain-featured .pain-icon{background:#1b1b1b;color:#d4a64f;box-shadow:0 0 30px rgba(205,166,94,.17)}.pain-featured small{position:absolute;right:28px;top:25px;padding:9px 17px;border-radius:999px;background:linear-gradient(90deg,#bd8b35,#efd187);color:#111;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.09em;animation:badgeGlow 2.4s ease-in-out infinite}

.sales-section { padding:clamp(80px,10vw,145px) clamp(24px,8vw,130px); background:linear-gradient(135deg,#faf7ef 0%,#efe3ca 100%); display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:center; }
.sales-section h2,.section-title h2,.final-cta h2 { font-size:clamp(43px,5.4vw,78px); line-height:1.02; }
.sales-card { background:radial-gradient(circle at 50% 45%,#3a2b13 0%,#17130c 42%,#080808 78%); color:white; padding:clamp(44px,5vw,72px); min-height:620px; border:1px solid #d3a84e; border-radius:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative; overflow:hidden; transition:transform .35s ease,box-shadow .35s ease; box-shadow:0 28px 65px rgba(83,55,10,.25),inset 0 0 45px rgba(205,166,94,.04); animation:cardHover 5s ease-in-out infinite alternate; }
.sales-card:hover { transform:translateY(-10px) scale(1.01); box-shadow:0 35px 75px rgba(83,55,10,.33),0 0 35px rgba(205,166,94,.16); }
.sales-card::before { content:""; position:absolute; inset:14px; border:1px solid rgba(205,166,94,.48); border-radius:22px; pointer-events:none; }
.plan-label { position:relative; z-index:2; color:var(--gold-light); border:1px solid #cda65e; border-radius:13px; padding:12px 34px; text-transform:uppercase; letter-spacing:.28em; font-size:13px; box-shadow:0 0 20px rgba(205,166,94,.12); }
.starting-label { position:relative; z-index:2; min-width:70%; margin:2px 0 22px; padding:12px 32px; background:linear-gradient(90deg,#c58f35,#f0ca79,#c58f35); color:#100d08; border:1px solid #f4d99d; border-radius:12px; box-shadow:0 9px 24px rgba(205,166,94,.24),inset 0 1px 0 rgba(255,255,255,.65); text-transform:uppercase; letter-spacing:.16em; font-size:16px; font-weight:900; animation:ribbonGlow 2.5s ease-in-out infinite alternate; }
.gold-divider { width:64%; height:1px; background:linear-gradient(90deg,transparent,#cda65e,transparent); margin:34px 0 25px; position:relative; z-index:2; }.gold-divider b { color:#ebc979; background:#141008; padding:0 10px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); font-size:10px; animation:diamondSpin 5s linear infinite; }.gold-divider.small{margin:23px 0 30px;width:52%}
.sales-card > strong { display:flex; align-items:flex-start; justify-content:center; position:relative; z-index:2; color:#f3ca70; font:400 clamp(100px,12vw,170px) Georgia,serif; line-height:.84; margin:0 0 22px; text-shadow:0 0 15px rgba(240,190,81,.45),0 0 42px rgba(205,166,94,.22); animation:priceGlow 2.8s ease-in-out infinite alternate; }
.sales-card > strong sup { font-size:30px; line-height:1; margin:5px 8px 0 0; }.sales-card > strong span{line-height:.84}.sales-card > strong small { font-size:38px; line-height:1; align-self:flex-end; margin:0 0 4px 8px; }
.sales-card p { position:relative; z-index:2; color:#e2d6bf; max-width:480px; font-size:17px; line-height:1.65; margin:0; }
.sales-card .button { width:76%; align-self:center; position:relative; z-index:2; font-size:14px; padding:20px 28px; border-radius:14px; box-shadow:0 0 0 2px rgba(255,222,145,.25),0 13px 35px rgba(205,166,94,.2); }.price-button { animation:ctaMove 1.9s ease-in-out infinite; }.price-button b{font-size:28px;line-height:.5;animation:arrowMove 1.1s ease-in-out infinite alternate}
.card-orbit { position:absolute; width:280px; height:280px; border:1px solid rgba(205,166,94,.25); border-radius:50%; pointer-events:none; animation:orbitMove 9s linear infinite; }.orbit-top{right:-175px;top:-150px}.orbit-bottom{left:-180px;bottom:-165px;animation-direction:reverse}
.card-shine { position:absolute; width:180px; height:780px; top:-80px; left:-230px; background:linear-gradient(90deg,transparent,rgba(255,218,130,.09),transparent); transform:rotate(18deg); animation:cardShine 5.5s ease-in-out infinite; }

.services-section { padding:clamp(85px,10vw,145px) clamp(18px,3vw,55px); background:linear-gradient(180deg,#fff,#fbfaf7); overflow:hidden; }
.services-heading { max-width:900px; margin:0 auto 58px; text-align:center; }
.services-heading h2 { font-size:clamp(43px,5.2vw,76px); line-height:1.02; }
.services-heading > p:not(.eyebrow) { max-width:680px; margin:26px auto 0; color:#645e53; font-size:17px; line-height:1.7; }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; perspective:1200px; }
.service-card { min-height:610px; padding:44px 42px 40px; border:1px solid #d5a34c; border-radius:28px; background:radial-gradient(circle at 30% 20%,#fff 0%,#faf7ef 68%,#f5efe4 100%); position:relative; display:flex; flex-direction:column; transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,border-color .35s ease; overflow:hidden; animation:serviceEnter .8s both; }
.service-card:nth-child(2){animation-delay:.14s}.service-card:nth-child(3){animation-delay:.28s}
.service-card::before { content:""; position:absolute; width:330px; height:330px; border:1px solid rgba(205,166,94,.38); border-radius:50%; right:-190px; bottom:-180px; transition:transform .8s ease; }
.service-card::after { content:""; position:absolute; width:140px; height:140px; right:-70px; top:-70px; border:1px solid rgba(205,166,94,.28); border-radius:50%; transition:transform .8s ease; }
.service-card:hover { transform:translateY(-16px) rotateX(1.5deg); border-color:#c49339; box-shadow:0 34px 70px rgba(91,61,15,.18); }
.service-card:hover::before { transform:scale(1.18) rotate(18deg); }.service-card:hover::after { transform:scale(1.4); }
.service-card.featured { background:radial-gradient(circle at 45% 30%,#292929 0%,#151515 55%,#080808 100%); color:white; border-color:#d5a34c; box-shadow:0 24px 60px rgba(28,20,7,.27),inset 0 0 35px rgba(205,166,94,.05); }
.service-card.featured::before { width:390px;height:390px;border-color:rgba(205,166,94,.35);right:-210px;bottom:-230px;box-shadow:0 0 45px rgba(205,166,94,.12); }
.service-top { display:flex; align-items:center; gap:30px; min-height:56px; position:relative; z-index:2; }.service-number { color:#b08338; font:400 30px Georgia,serif; letter-spacing:.06em; padding-right:26px; border-right:1px solid #d5a34c; }.service-kicker { color:#a8792d; text-transform:uppercase; letter-spacing:.22em; font-size:11px; line-height:1.8; font-weight:800; }
.featured .service-kicker{color:#e8be6c}.service-badge { position:absolute; right:34px; top:40px; padding:11px 20px; border:1px solid rgba(234,212,159,.6); border-radius:999px; color:var(--gold-light); text-transform:uppercase; letter-spacing:.13em; font-size:9px; font-weight:800; animation:badgeGlow 2.4s ease-in-out infinite; }
.service-icon { width:102px; height:102px; margin:42px 0 38px; border:1px solid rgba(205,166,94,.58); border-radius:25px; display:grid; place-items:center; color:#b08338; background:rgba(255,255,255,.55); box-shadow:0 16px 36px rgba(112,73,13,.09),inset 0 0 18px rgba(205,166,94,.08); animation:serviceFloat 3.8s ease-in-out infinite; backdrop-filter:blur(6px); }
.featured .service-icon { background:linear-gradient(145deg,#272727,#111); color:var(--gold-light); box-shadow:0 0 32px rgba(205,166,94,.17),inset 0 0 18px rgba(205,166,94,.08); }
.logo-icon b { font:italic 34px Georgia,serif; }
.site-icon { display:flex; align-items:center; justify-content:center; gap:5px; border-radius:18px; }
.site-icon i { width:9px; border-radius:8px; background:currentColor; }.site-icon i:nth-child(1){height:22px}.site-icon i:nth-child(2){height:39px}.site-icon i:nth-child(3){height:29px}
.traffic-icon { display:flex; align-items:flex-end; justify-content:center; gap:5px; position:relative; }
.traffic-icon i { width:7px; background:currentColor; border-radius:5px 5px 0 0; }.traffic-icon i:nth-child(1){height:14px}.traffic-icon i:nth-child(2){height:24px}.traffic-icon i:nth-child(3){height:35px}.traffic-icon b{position:absolute;right:13px;top:9px;font-size:18px}
.service-card h3 { margin:0 0 16px; font:400 clamp(34px,3vw,49px) Georgia,serif; line-height:1.04; position:relative;z-index:2; }.service-card h3::after{content:"";display:block;width:74px;height:2px;background:linear-gradient(90deg,#b7832c,#eed087);margin-top:24px}
.service-card p { margin:0 0 32px; color:#6d665a; font-size:16px; line-height:1.75; position:relative;z-index:2; }
.service-card.featured p { color:#d8cdb7; }
.service-card a { margin-top:auto; min-height:70px; padding:14px 16px 14px 28px; border:1px solid #c8943e; border-radius:12px; color:#8d6628; display:flex; align-items:center; justify-content:space-between; text-transform:uppercase; letter-spacing:.1em; font-size:11px; font-weight:800; position:relative; z-index:2; overflow:hidden; }
.service-card.featured a { color:var(--gold-light); border-color:rgba(205,166,94,.35); }
.service-card a::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.32),transparent 65%);transform:translateX(-130%);transition:transform .7s ease}.service-card a:hover::before{transform:translateX(130%)}
.service-card a b { width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e4bc6d,#a87320);color:white;font-size:20px; transition:transform .3s ease; }.service-card a:hover b { transform:translateX(5px) rotate(-8deg); }

.clients { padding:clamp(80px,9vw,130px) clamp(24px,7vw,108px); background:#151410; color:white; }
.section-title { text-align:center; margin-bottom:55px; }.section-title h2 em { color:#b08338; }
.logos { width:100%; overflow:hidden; border-top:1px solid rgba(205,166,94,.35); border-bottom:1px solid rgba(205,166,94,.35); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.logo-track { width:max-content; display:flex; animation:logoMarquee 24s linear infinite; }
.logos:hover .logo-track { animation-play-state:paused; }
.logo-card { width:230px; min-height:170px; padding:24px; flex:0 0 auto; display:grid; place-items:center; border-right:1px solid rgba(205,166,94,.3); background:radial-gradient(circle,#302b20 0%,#1a1813 72%); transition:background .3s ease,transform .3s ease; overflow:hidden; }.logo-card:hover { background:#3a3224; transform:translateY(-5px); }
.logo-card img { width:100%; height:105px; object-fit:contain; filter:drop-shadow(0 8px 18px rgba(0,0,0,.45)); animation:logoFloat 4s ease-in-out infinite; transition:transform .3s ease; }.logo-card:nth-child(2) img{animation-delay:.4s}.logo-card:nth-child(3) img{animation-delay:.8s}.logo-card:nth-child(4) img{animation-delay:1.2s}.logo-card:nth-child(5) img{animation-delay:1.6s}.logo-card:nth-child(6) img{animation-delay:2s}.logo-card:nth-child(7) img{animation-delay:2.4s}.logo-card:hover img{transform:scale(1.08)}

.final-cta { background:var(--gold); padding:clamp(80px,10vw,150px) clamp(24px,10vw,155px); display:grid; grid-template-columns:.6fr 1.4fr; gap:8%; align-items:center; }
.final-photo { width:min(390px,32vw); height:500px; position:relative; display:flex; align-items:flex-end; justify-content:center; box-shadow:0 25px 60px rgba(59,37,4,.22); transform:rotate(-2deg); background:linear-gradient(145deg,#fffaf0,#e8c779); border:2px solid rgba(255,255,255,.75); border-radius:28px; animation:finalFloat 5s ease-in-out infinite alternate; }
.final-photo::before { content:""; position:absolute; inset:26px; border:1px solid rgba(142,96,23,.35); border-radius:50%; }
.final-photo img { width:auto; max-width:108%; height:94%; object-fit:contain; object-position:center bottom; position:relative; z-index:2; filter:drop-shadow(0 18px 18px rgba(70,41,3,.25)) drop-shadow(0 0 2px white); }
.final-ring { position:absolute; width:86%; aspect-ratio:1; border-radius:50%; border:2px solid rgba(255,255,255,.75); top:9%; animation:ringPulse 3.8s ease-in-out infinite; }
.instagram-card { position:absolute; z-index:4; left:-42px; bottom:28px; min-width:245px; padding:17px 20px; display:flex; flex-direction:column; gap:3px; background:#11110f; color:white; border:1px solid var(--gold-light); box-shadow:0 16px 35px rgba(54,32,1,.3); transform:rotate(2deg); transition:transform .3s ease,box-shadow .3s ease; }
.instagram-card:hover { transform:rotate(0) translateY(-7px); box-shadow:0 22px 42px rgba(54,32,1,.4); }.instagram-card b { color:var(--gold-light); text-transform:uppercase; font-size:10px; letter-spacing:.18em; }.instagram-card span { font:400 17px Georgia,serif; }.instagram-card i { margin-top:5px; color:#d0c8b7; font-style:normal; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.final-cta .eyebrow { color:#4d3a1e; }.final-cta h2 em { color:white; }.final-cta p:not(.eyebrow) { margin:25px 0; }
.whatsapp { position:fixed; right:24px; bottom:24px; z-index:20; width:76px; height:76px; display:grid; place-items:center; background:white; color:white; border:5px solid white; border-radius:50%; box-shadow:0 16px 38px rgba(14,133,65,.52),0 0 0 7px rgba(37,211,102,.16); animation:whatsappPulse 1.85s ease-in-out infinite; transition:filter .25s ease; }.whatsapp:hover { filter:brightness(1.08); }.whatsapp-icon { width:64px; height:64px; object-fit:contain; }.whatsapp-tooltip { position:absolute; right:88px; white-space:nowrap; padding:9px 13px; background:#111; color:white; border-radius:8px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; opacity:0; transform:translateX(10px); transition:.25s ease; pointer-events:none; }.whatsapp:hover .whatsapp-tooltip { opacity:1; transform:none; }
footer { min-height:120px; padding:30px clamp(24px,7vw,108px); display:flex; align-items:center; justify-content:space-between; background:#030303; color:#d8cdb7; border-top:1px solid rgba(205,166,94,.42); box-shadow:inset 0 18px 45px rgba(0,0,0,.7); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.footer-instagram { color:var(--gold-light); transition:color .25s ease,transform .25s ease; }.footer-instagram:hover { color:white; transform:translateY(-2px); }
.footer-logo { width:100px; height:82px; overflow:hidden; }
.footer-logo img { width:100%; height:100%; object-fit:cover; }

@keyframes headerDown{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}
@keyframes copyIn{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:none}}
@keyframes photoIn{from{opacity:0;transform:translateX(55px) scale(.97)}to{opacity:1;transform:none}}
@keyframes heroGradient{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes photoBreathe{from{transform:scale(1)}to{transform:scale(1.025)}}
@keyframes benefitGlow{0%,100%{color:#fff;transform:translateY(0)}50%{color:var(--gold-light);transform:translateY(-2px)}}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes finalFloat{from{transform:rotate(-2deg) translateY(0)}to{transform:rotate(-1deg) translateY(-10px)}}
@keyframes whatsappPulse{0%,100%{transform:scale(1) rotate(0);box-shadow:0 16px 38px rgba(14,133,65,.48),0 0 0 5px rgba(37,211,102,.16)}45%{transform:scale(1.1) rotate(-4deg);box-shadow:0 20px 46px rgba(14,133,65,.68),0 0 0 13px rgba(37,211,102,.07)}55%{transform:scale(1.1) rotate(4deg)}}
@keyframes cardHover{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@keyframes priceGlow{from{text-shadow:0 0 12px rgba(240,190,81,.38),0 0 30px rgba(205,166,94,.14)}to{text-shadow:0 0 24px rgba(255,211,112,.7),0 0 55px rgba(205,166,94,.3)}}
@keyframes diamondSpin{to{transform:translate(-50%,-50%) rotate(405deg)}}
@keyframes orbitMove{to{transform:rotate(360deg) scale(1.08)}}
@keyframes cardShine{0%,20%{left:-230px}70%,100%{left:120%}}
@keyframes logoMarquee{to{transform:translateX(-50%)}}
@keyframes ringPulse{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@keyframes painCta{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px);box-shadow:0 18px 38px rgba(156,108,31,.34)}}
@keyframes ribbonGlow{from{box-shadow:0 8px 22px rgba(205,166,94,.22),inset 0 1px 0 rgba(255,255,255,.6)}to{box-shadow:0 11px 34px rgba(239,190,88,.48),0 0 18px rgba(239,190,88,.18),inset 0 1px 0 white}}
@keyframes ctaMove{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px);box-shadow:0 0 0 2px rgba(255,222,145,.4),0 19px 45px rgba(205,166,94,.42)}}
@keyframes arrowMove{from{transform:translateX(0)}to{transform:translateX(8px)}}
@keyframes serviceFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-3deg)}}
@keyframes serviceEnter{from{opacity:0;transform:translateY(48px) scale(.97)}to{opacity:1;transform:none}}
@keyframes badgeGlow{0%,100%{box-shadow:0 0 0 rgba(205,166,94,0)}50%{box-shadow:0 0 24px rgba(205,166,94,.22)}}
@keyframes painCardIn{from{opacity:0;transform:translateX(55px)}to{opacity:1;transform:none}}
@keyframes painOrbit{to{transform:rotate(360deg)}}
@keyframes sparkle{0%,100%{transform:scale(.8) rotate(0);opacity:.55}50%{transform:scale(1.18) rotate(45deg);opacity:1}}
@keyframes lineGlow{0%,100%{opacity:.35;box-shadow:none}50%{opacity:1;box-shadow:0 0 14px #d6a54a}}
@keyframes benefitFlow{to{background-position:200% 0}}

nav { display:flex; align-items:center; gap:26px; margin-left:auto; margin-right:28px; }
nav a { color:#5e574c; text-transform:uppercase; letter-spacing:.11em; font-size:9px; font-weight:800; position:relative; }
nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:1px; background:#b08338; transition:right .25s ease; }
nav a:hover::after { right:0; }
.microcopy b { color:#9b722d; }.microcopy span { margin:0 8px; color:#c2b79f; }
.live-dot { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#b08338; animation:dotPulse 2s infinite; }
.trust-strip { padding:28px clamp(24px,8vw,130px); background:#fff; display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); }
.trust-strip div { padding:4px 34px; border-right:1px solid var(--line); display:flex; flex-direction:column; gap:6px; text-align:center; }.trust-strip div:last-child{border:0}
.trust-strip strong { font:400 19px Georgia,serif; }.trust-strip span { color:#81786a; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.process-section { padding:clamp(85px,10vw,145px) clamp(24px,8vw,130px); display:grid; grid-template-columns:.9fr 1.1fr; gap:9%; align-items:center; background:linear-gradient(120deg,#faf7ef,#f0e3ca); overflow:hidden; }
.process-heading h2 { font-size:clamp(43px,5.2vw,74px); line-height:1.02; }.process-heading > p:not(.eyebrow) { margin:25px 0 30px; color:#655e53; font-size:16px; line-height:1.7; max-width:580px; }
.process-steps { border-top:1px solid #cdbfa7; }.process-steps article { padding:30px 5px; display:grid; grid-template-columns:72px 1fr; gap:18px; border-bottom:1px solid #cdbfa7; transition:padding .3s ease,background .3s ease,transform .3s ease; }
.process-steps article:hover { padding-left:20px; background:rgba(255,255,255,.55); transform:translateX(6px); }.process-steps article > span { color:#a77d36; font:italic 25px Georgia,serif; }.process-steps strong { font:400 25px Georgia,serif; }.process-steps p { margin:8px 0 0; color:#70685c; font-size:14px; line-height:1.55; }
.reveal { animation:revealUp both; animation-timeline:view(); animation-range:entry 10% cover 30%; }
.proof-line { margin-top:44px; display:flex; justify-content:center; align-items:center; gap:18px; color:#dac99f; text-transform:uppercase; letter-spacing:.18em; font-size:9px; }.proof-line i { width:5px; height:5px; border-radius:50%; background:#b08338; }
.cta-note { display:block; margin-top:14px; color:#4f3b1b; text-transform:uppercase; letter-spacing:.12em; font-size:9px; }
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(176,131,56,.45)}70%{box-shadow:0 0 0 9px rgba(176,131,56,0)}100%{box-shadow:0 0 0 0 rgba(176,131,56,0)}}
@keyframes revealUp{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}
.sales-section>div:first-child,.services-heading,.section-title,.final-cta>div:last-child{animation:revealUp both;animation-timeline:view();animation-range:entry 10% cover 30%}
.benefit-bar{background-size:200% 100%;background-image:linear-gradient(90deg,#111,#282015,#111);animation:benefitFlow 7s linear infinite}

@media(max-width:900px){
  nav { display:none; }
  .hero { grid-template-columns:1fr; padding-top:120px; background:linear-gradient(160deg,#fff 0%,#fff 58%,#e6c988 58%,#d4a650 100%); }
  .hero-person { height:590px; }
  .pain-section,.sales-section,.process-section,.final-cta { grid-template-columns:1fr; }.pain-list,.process-steps { margin-top:45px; }.services-grid { grid-template-columns:1fr 1fr; }.service-card:last-child { grid-column:1 / -1; min-height:390px; }.final-photo { width:min(390px,80vw); margin:0 auto 30px; }
  .logo-card { width:200px; }
  .service-card { min-height:570px; }.service-badge{right:24px}
  .pain-section{min-height:auto}.pain-list article{grid-template-columns:100px 44px 1fr}
}
@media(max-width:600px){
  header { height:76px; }.brand > img { width:50px; height:50px; }.brand span { display:none; }.header-actions { gap:6px; }.instagram-link { padding:10px 9px; font-size:8px; }.header-link { font-size:0; padding:7px; }.header-link img { width:32px; height:32px; }.header-link b { display:none; }
  h1 { font-size:51px; }.hero-offer { align-items:flex-start; flex-direction:column; }.hero-person { height:480px; }
  .trust-strip { grid-template-columns:1fr; }.trust-strip div { border-right:0; border-bottom:1px solid var(--line); padding:20px 5px; }.trust-strip div:last-child{border-bottom:0}
  .pain-copy h2{font-size:59px}.pain-button{min-width:100%;padding:12px 14px;gap:12px;font-size:9px}.pain-button img{width:28px;height:28px}.pain-list article{min-height:auto;grid-template-columns:72px 1fr;gap:16px;padding:26px 20px}.pain-icon{width:68px;height:68px;border-radius:18px;font-size:34px}.pain-list article>span{position:absolute;left:20px;top:101px;font-size:18px}.pain-list article>div:last-of-type{grid-column:2}.pain-list strong{font-size:21px}.pain-featured small{position:static;grid-column:1/-1;justify-self:start;margin-top:4px}
  .result-card { left:0; bottom:3%; }.benefit-bar { grid-template-columns:1fr 1fr; }.benefit-bar span { text-align:left; }
  .services-grid { grid-template-columns:1fr; }.service-card,.service-card:last-child { min-height:550px; padding:32px 26px 28px; grid-column:auto; }.service-card h3{font-size:38px}.service-badge{position:static;align-self:flex-start;margin:-5px 0 24px}.service-icon{margin:30px 0}.service-top{gap:20px}.service-number{padding-right:20px}
  .logo-card { width:175px; min-height:145px; padding:18px; }
  .final-cta { padding-bottom:110px; }.final-photo { width:270px; height:390px; }.instagram-card { left:-18px; min-width:225px; bottom:18px; }
  .proof-line { flex-wrap:wrap; gap:12px; }.process-steps article { grid-template-columns:52px 1fr; }.process-steps strong { font-size:22px; }
  footer { flex-direction:column; align-items:flex-start; gap:18px; }.whatsapp { right:14px; bottom:14px; width:66px; height:66px; }.whatsapp-icon { width:56px; height:56px; }.whatsapp-tooltip { display:none; }
}

/* Polimento visual e movimentos gerais */
.pain-featured > div:last-of-type { padding-top:34px; }
.pain-featured small { top:16px; right:24px; }
.trust-strip div { transition:transform .35s ease,background .35s ease; }
.trust-strip div:hover { transform:translateY(-6px); background:#fffaf0; }
.hero-copy::after { content:""; position:absolute; width:110px; height:110px; left:-48px; bottom:-16px; border:1px solid rgba(176,131,56,.2); border-radius:50%; z-index:-1; animation:softOrbit 9s linear infinite; }
.sales-section { position:relative; overflow:hidden; }
.sales-section::before { content:""; position:absolute; width:420px; height:420px; left:-230px; top:-230px; border:1px solid rgba(176,131,56,.18); border-radius:50%; animation:softOrbit 16s linear infinite reverse; }
.services-section { position:relative; }
.services-section::before { content:""; position:absolute; width:460px; height:460px; right:-330px; top:40px; border:1px solid rgba(176,131,56,.14); border-radius:50%; animation:softOrbit 18s linear infinite; }
.service-card:hover .service-icon { animation-play-state:paused; transform:translateY(-8px) rotate(-4deg) scale(1.06); }
.process-section { position:relative; }
.process-section::after { content:"✦"; position:absolute; right:5%; top:12%; color:rgba(176,131,56,.35); font-size:42px; animation:sparkle 2.8s ease-in-out infinite; }
.process-steps article > span { transition:transform .3s ease,color .3s ease; }
.process-steps article:hover > span { transform:scale(1.18) rotate(-5deg); color:#d19d43; }
.clients { position:relative; overflow:hidden; }
.clients::before { content:""; position:absolute; width:380px; height:380px; left:-260px; top:-250px; border:1px solid rgba(205,166,94,.18); border-radius:50%; animation:softOrbit 18s linear infinite; }
.final-cta { background-size:180% 180%; background-image:linear-gradient(120deg,#c99e4e,#e4c37c,#b98937,#d8ad5b); animation:finalGradient 8s ease-in-out infinite alternate; }
.pain-copy,.sales-card,.services-heading,.process-heading,.process-steps,.section-title,.logos,.final-cta>div { animation-name:revealUp; animation-fill-mode:both; animation-timeline:view(); animation-range:entry 7% cover 27%; }
@keyframes softOrbit { to { transform:rotate(360deg) scale(1.08); } }
@keyframes finalGradient { from{background-position:0 50%} to{background-position:100% 50%} }

@media(max-width:900px){
  .pain-featured > div:last-of-type { padding-top:42px; }
}
@media(max-width:600px){
  .pain-featured > div:last-of-type { padding-top:0; }
  .pain-featured small { position:static; }
  .pain-list article:hover { transform:translateY(-6px); }
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}