:root{
  --navy-950:#020f2b; --navy-900:#041a42; --navy-800:#062a63; --navy-700:#0a3a82; --navy-600:#124a9c;
  --silver:#eef1f7; --muted:#a9b6cf; --gold:#d9b878; --gold-2:#f3e2b3; --gold-3:#b78d4b;
  --line:rgba(255,255,255,.1);
  --serif:'Cinzel',Georgia,serif; --sans:'Jost',system-ui,sans-serif;
  --goldgrad:linear-gradient(135deg,#f6e7bd 0%,#d9b878 45%,#a97f3f 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--navy-950);color:var(--silver);line-height:1.6;overflow-x:hidden;font-weight:300}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
.wrap{width:min(1180px,100% - 48px);margin-inline:auto}
section{position:relative;padding:120px 0}
.eyebrow{font-size:.78rem;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);font-weight:500;display:flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:40px;height:1px;background:var(--gold)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:.01em}
h2{font-size:clamp(2rem,4.2vw,3.4rem);margin:18px 0 18px}
.lead{color:var(--muted);font-size:1.12rem;max-width:620px}
.gold{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* progress + cursor glow */
#progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--goldgrad);z-index:200}
#glow{position:fixed;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:1;
  background:radial-gradient(circle,rgba(40,100,220,.22),transparent 65%);transform:translate(-50%,-50%);left:-999px;top:-999px;mix-blend-mode:screen}

/* nav */
#nav{position:fixed;inset:0 0 auto 0;z-index:100;padding:18px 0;transition:.4s}
#nav.scrolled{background:rgba(2,15,43,.78);backdrop-filter:blur(14px);padding:10px 0;border-bottom:1px solid var(--line)}
#nav .wrap{display:flex;align-items:center;justify-content:space-between}
.logo{font-family:var(--serif);font-size:1.9rem;font-weight:500;display:flex;align-items:center;letter-spacing:.04em;line-height:1}
.logo .o{width:.68em;height:.88em;border:2px solid currentColor;border-radius:50%;display:inline-grid;place-items:center;margin:0 .06em;position:relative}
.logo .o svg{width:.42em;height:.42em;animation:spin 8s linear infinite}
.logo small{display:none}
#nav ul{display:flex;gap:34px;list-style:none;font-size:.92rem;letter-spacing:.06em}
#nav ul a{position:relative;padding:6px 0;color:var(--muted);transition:.3s}
#nav ul a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);transition:.35s}
#nav ul a:hover{color:#fff}#nav ul a:hover::after{width:100%}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:100px;font-weight:500;letter-spacing:.06em;font-size:.95rem;cursor:pointer;border:0;position:relative;overflow:hidden;transition:transform .25s,box-shadow .3s;font-family:var(--sans)}
.btn-gold{background:var(--goldgrad);color:#1a1204;box-shadow:0 10px 40px -10px rgba(217,184,120,.55)}
.btn-gold::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:.7s}
.btn-gold:hover::before{transform:translateX(120%)}
.btn-gold:hover{box-shadow:0 14px 50px -8px rgba(217,184,120,.8)}
.btn-ghost{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.03);backdrop-filter:blur(6px)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-2)}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.6rem}

/* hero */
#hero{min-height:100vh;display:flex;align-items:center;padding:140px 0 90px;overflow:hidden;
  background:radial-gradient(ellipse 80% 70% at 70% 30%,var(--navy-700) 0%,var(--navy-900) 55%,var(--navy-950) 100%)}
#stars{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;z-index:0;animation:float 14s ease-in-out infinite}
.orb.a{width:420px;height:420px;background:#1b56c4;top:-80px;right:-60px}
.orb.b{width:300px;height:300px;background:#b78d4b;opacity:.18;bottom:-60px;left:8%;animation-delay:-6s}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.badge{display:inline-flex;gap:10px;align-items:center;padding:8px 18px;border:1px solid rgba(217,184,120,.4);border-radius:100px;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);background:rgba(217,184,120,.07)}
.badge i{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 0 rgba(217,184,120,.7);animation:pulse 2s infinite}
h1{font-size:clamp(2.5rem,5.6vw,4.9rem);margin:28px 0 24px;font-weight:500}
h1 .line{display:block;overflow:hidden}
h1 .line>span{display:block;transform:translateY(110%);animation:up 1.1s cubic-bezier(.2,.8,.2,1) forwards}
h1 .line:nth-child(2)>span{animation-delay:.15s}h1 .line:nth-child(3)>span{animation-delay:.3s}
.hero-p{font-size:1.2rem;color:var(--muted);max-width:540px;margin-bottom:38px;opacity:0;animation:fade 1s .7s forwards}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;opacity:0;animation:fade 1s .9s forwards}
.trust{margin-top:48px;display:flex;gap:34px;opacity:0;animation:fade 1s 1.1s forwards;color:var(--muted);font-size:.85rem;letter-spacing:.08em}
.trust b{display:block;font-family:var(--serif);font-size:1.7rem;color:#fff;font-weight:500}

/* dashboard card */
.dash{position:relative;border-radius:24px;padding:26px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 40px 100px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.15);transform-style:preserve-3d;transition:transform .15s}
.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:.8rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.live{display:flex;align-items:center;gap:8px;color:#7ee2a8}.live i{width:8px;height:8px;border-radius:50%;background:#7ee2a8;animation:pulse2 1.6s infinite}
.big{font-family:var(--serif);font-size:3rem;line-height:1}
.up{color:#7ee2a8;font-size:.9rem;font-family:var(--sans)}
.chart{margin:14px 0 20px;height:150px}
.chart path.line{fill:none;stroke:url(#gl);stroke-width:3;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:draw 2.8s 1s ease forwards}
.chart path.area{fill:url(#ga);opacity:0;animation:fade 1.5s 2.2s forwards}
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mini div{background:rgba(2,15,43,.55);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.mini b{display:block;font-family:var(--serif);font-size:1.3rem;color:#fff;letter-spacing:0;margin-top:2px}
.chip{position:absolute;display:flex;gap:10px;align-items:center;padding:12px 18px;border-radius:16px;background:rgba(4,26,66,.85);border:1px solid rgba(217,184,120,.35);backdrop-filter:blur(10px);font-size:.82rem;box-shadow:0 20px 40px -15px rgba(0,0,0,.6);animation:float 6s ease-in-out infinite}
.chip.c1{left:-40px;bottom:70px}.chip.c2{right:-24px;top:-22px;animation-delay:-3s}
.chip svg{width:22px;height:22px;color:var(--gold)}
.chip b{display:block;color:#fff;font-weight:500}
.scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;width:24px;height:40px;border:1.5px solid rgba(255,255,255,.35);border-radius:14px}
.scroll::after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;background:var(--gold);border-radius:3px;transform:translateX(-50%);animation:wheel 1.8s infinite}

/* marquee */
.marquee{padding:26px 0;border-block:1px solid var(--line);background:var(--navy-900);overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-flex;gap:60px;animation:marq 32s linear infinite;font-family:var(--serif);font-size:1.25rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.marquee-track span{display:inline-flex;align-items:center;gap:60px}
.marquee-track svg{width:16px;height:16px;color:var(--gold)}

/* about / stats */
#sobre{background:linear-gradient(180deg,var(--navy-950),var(--navy-900))}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.stat{padding:34px 28px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.05),transparent);position:relative;overflow:hidden;transition:.4s}
.stat:hover{border-color:rgba(217,184,120,.5);transform:translateY(-6px)}
.stat b{font-family:var(--serif);font-size:3rem;font-weight:500;display:block;line-height:1}
.stat span{color:var(--muted);font-size:.9rem;letter-spacing:.05em}
.checks{list-style:none;margin-top:28px;display:grid;gap:14px}
.checks li{display:flex;gap:14px;align-items:flex-start;color:var(--silver)}
.checks svg{flex:none;width:20px;height:20px;color:var(--gold);margin-top:4px}

/* services */
#servicos{background:var(--navy-900)}
.head-c{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:64px}
.head-c .lead{margin-inline:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{position:relative;padding:40px 32px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--line);overflow:hidden;transition:transform .2s,border-color .4s;transform-style:preserve-3d}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(217,184,120,.16),transparent 55%);opacity:0;transition:.4s}
.card:hover::before{opacity:1}.card:hover{border-color:rgba(217,184,120,.45)}
.ico{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin-bottom:26px;background:rgba(217,184,120,.1);border:1px solid rgba(217,184,120,.3);color:var(--gold)}
.ico svg{width:28px;height:28px}
.card h3{font-size:1.35rem;margin-bottom:12px}
.card p{color:var(--muted);font-size:.98rem}
.card .num{position:absolute;top:22px;right:28px;font-family:var(--serif);font-size:3.2rem;color:rgba(255,255,255,.05)}

/* process */
#processo{background:linear-gradient(180deg,var(--navy-900),var(--navy-950))}
.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.steps::before{content:"";position:absolute;top:34px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}
.step{text-align:center;position:relative}
.dot{width:68px;height:68px;border-radius:50%;margin:0 auto 24px;display:grid;place-items:center;background:var(--navy-950);border:1px solid var(--gold);font-family:var(--serif);font-size:1.4rem;color:var(--gold-2);position:relative;transition:.4s}
.step:hover .dot{background:var(--goldgrad);color:#1a1204;box-shadow:0 0 40px rgba(217,184,120,.5)}
.step h3{font-size:1.15rem;margin-bottom:10px}.step p{color:var(--muted);font-size:.95rem}

/* results */
#resultados{background:var(--navy-950);overflow:hidden}
.results{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case{padding:36px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(18,74,156,.35),rgba(4,26,66,.4))}
.case .tag{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}
.case b{display:block;font-family:var(--serif);font-size:3.4rem;margin:14px 0 6px;font-weight:500}
.case p{color:var(--muted);font-size:.95rem}
.bar{margin-top:22px;height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--goldgrad);border-radius:6px;transition:width 1.8s cubic-bezier(.2,.8,.2,1)}
.in .bar i{width:var(--w)}
.quote{margin-top:60px;text-align:center;max-width:820px;margin-inline:auto}
.quote p{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.45;margin-bottom:22px}
.quote small{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}

/* faq */
#faq{background:linear-gradient(180deg,var(--navy-950),var(--navy-900))}
.faq{max-width:820px;margin:0 auto}
.q{border-bottom:1px solid var(--line)}
.q button{width:100%;background:none;border:0;color:#fff;text-align:left;padding:26px 0;font:500 1.15rem var(--sans);display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:20px}
.q button i{width:30px;height:30px;border:1px solid var(--gold);border-radius:50%;position:relative;flex:none;transition:.4s}
.q button i::before,.q button i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--gold);transform:translate(-50%,-50%);transition:.4s}
.q button i::after{transform:translate(-50%,-50%) rotate(90deg)}
.q.open i{background:var(--gold)}.q.open i::before,.q.open i::after{background:#1a1204}.q.open i::after{transform:translate(-50%,-50%) rotate(0)}
.a{max-height:0;overflow:hidden;transition:max-height .5s ease;color:var(--muted)}
.a p{padding-bottom:26px}

/* cta */
#contato{background:radial-gradient(ellipse 70% 80% at 50% 0%,var(--navy-700),var(--navy-900) 60%,var(--navy-950));overflow:hidden}
.cta-box{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative;z-index:2}
.bgstar{position:absolute;right:-160px;top:50%;width:620px;height:620px;color:rgba(217,184,120,.07);transform:translateY(-50%);animation:spin 40s linear infinite;z-index:1}
form{padding:38px;border-radius:26px;background:rgba(2,15,43,.6);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);display:grid;gap:16px}
.f{position:relative}
.f input,.f select{width:100%;padding:22px 18px 8px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;font:400 1rem var(--sans);outline:0;transition:.3s}
.f select option{color:#000}
.f label{position:absolute;left:18px;top:16px;color:var(--muted);font-size:.95rem;pointer-events:none;transition:.25s}
.f input:focus,.f select:focus{border-color:var(--gold);background:rgba(255,255,255,.08)}
.f input:focus+label,.f input:not(:placeholder-shown)+label,.f select+label{top:6px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
form .btn{justify-content:center;width:100%}
.note{font-size:.78rem;color:var(--muted);text-align:center}

footer{background:var(--navy-950);border-top:1px solid var(--line);padding:50px 0 30px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot p{color:var(--muted);font-size:.85rem}
.social{display:flex;gap:12px}
.social a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s;color:var(--muted)}
.social a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}
.social svg{width:18px;height:18px}
.wa{position:fixed;right:24px;bottom:24px;z-index:150;width:60px;height:60px;border-radius:50%;background:var(--goldgrad);display:grid;place-items:center;box-shadow:0 10px 30px rgba(217,184,120,.5);animation:pulse3 2.4s infinite;transition:transform .3s}
.wa:hover{transform:scale(1.1) rotate(-6deg)}
.wa svg{width:30px;height:30px;color:#1a1204}

/* reveal */
.rv{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.l{transform:translateX(-50px)}.rv.r{transform:translateX(50px)}.rv.l.in,.rv.r.in{transform:none}

@keyframes up{to{transform:none}}
@keyframes fade{to{opacity:1}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-18px)}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,14px)}}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(217,184,120,0)}100%{box-shadow:0 0 0 0 rgba(217,184,120,0)}}
@keyframes pulse2{70%{box-shadow:0 0 0 8px rgba(126,226,168,0)}100%{box-shadow:0 0 0 0 rgba(126,226,168,0)}}
@keyframes pulse3{70%{box-shadow:0 0 0 18px rgba(217,184,120,0)}100%{box-shadow:0 0 0 0 rgba(217,184,120,0)}}

@media(max-width:980px){
  section{padding:84px 0}
  .hero-grid,.about,.cta-box{grid-template-columns:1fr;gap:50px}
  .cards,.results{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr;gap:40px 20px}.steps::before{display:none}
  #nav ul{position:fixed;inset:0 0 0 auto;width:min(78%,320px);background:var(--navy-950);flex-direction:column;justify-content:center;padding:40px;transform:translateX(100%);transition:.45s;border-left:1px solid var(--line)}
  #nav ul.open{transform:none}
  .menu-btn{display:block;z-index:101}
  #nav .btn-nav{display:none}
  .chip.c1{left:-8px}.chip.c2{right:-8px}
  .trust{gap:22px}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01s!important;animation-delay:0s!important;transition-duration:.01s!important}}

/* acessibilidade */
.skip{position:absolute;left:12px;top:-60px;z-index:300;background:var(--goldgrad);color:#1a1204;padding:10px 18px;border-radius:10px;font-weight:500;transition:top .2s}
.skip:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:6px}
.q h3{font-family:var(--sans);font-size:inherit;font-weight:inherit;margin:0;letter-spacing:0}
.more{text-align:center;margin-top:44px}
.flinks{display:flex;gap:22px}.flinks a{color:var(--muted);font-size:.85rem;transition:.3s}.flinks a:hover{color:var(--gold-2)}
.note a{color:var(--gold-2);text-decoration:underline}
.card .tagline{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.card h3 a::after{content:"";position:absolute;inset:0}
.card .meta{display:block;margin-top:18px;color:var(--muted);font-size:.82rem}

/* blog / páginas internas */
.page-hero{padding:170px 0 60px;background:radial-gradient(ellipse 80% 80% at 70% 0%,var(--navy-700),var(--navy-900) 55%,var(--navy-950))}
.page-hero h1{font-size:clamp(2rem,4.6vw,3.6rem);margin:18px 0 16px;max-width:900px}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:6px}.crumbs a:hover{color:var(--gold-2)}.crumbs span{margin:0 8px;opacity:.5}
.byline{color:var(--muted);font-size:.9rem;display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}
.byline b{color:var(--gold-2);font-weight:500}
.page-body{padding:70px 0 100px;background:var(--navy-950)}
.prose{max-width:740px;margin:0 auto;font-size:1.1rem;line-height:1.85;color:#d3dbea}
.prose h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:56px 0 16px;color:#fff;line-height:1.25}
.prose h3{font-size:1.25rem;margin:36px 0 10px;color:#fff}
.prose p{margin:0 0 22px}
.prose ul,.prose ol{margin:0 0 24px 1.2em;display:grid;gap:10px}
.prose li::marker{color:var(--gold)}
.prose strong{color:#fff;font-weight:500}
.prose a{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}
.prose blockquote{border-left:2px solid var(--gold);padding:6px 0 6px 22px;margin:30px 0;font-family:var(--serif);font-size:1.3rem;line-height:1.5;color:#fff}
.prose .callout{background:rgba(217,184,120,.08);border:1px solid rgba(217,184,120,.3);border-radius:16px;padding:22px 26px;margin:32px 0}
.prose .callout p{margin:0}
.post-cta{max-width:740px;margin:64px auto 0;padding:38px;border-radius:24px;border:1px solid rgba(217,184,120,.35);background:linear-gradient(160deg,rgba(18,74,156,.4),rgba(4,26,66,.5));text-align:center}
.post-cta h2{font-size:1.7rem;margin:0 0 12px}.post-cta p{color:var(--muted);margin-bottom:24px}
.related{max-width:1180px;margin:90px auto 0}
.related>h2{font-size:1.6rem;margin-bottom:28px;text-align:center}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:980px){.blog-grid{grid-template-columns:1fr}.page-hero{padding:130px 0 40px}.prose{font-size:1.05rem}}

/* ===== ajustes de estabilidade (celular) ===== */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:clip;max-width:100%}
#hero{min-height:100vh;min-height:100svh}
@media(max-width:980px){
  /* nada entra pela lateral: evita estourar a largura da tela */
  .rv.l,.rv.r{transform:translateY(28px)}
  .rv.l.in,.rv.r.in{transform:none}
  .rv{transform:translateY(28px);transition-duration:.7s}
  .bgstar{right:-45%;width:420px;height:420px;animation:none}
  .orb{animation:none;filter:blur(60px)}
  .chip{animation:none}
  .chip.c1{left:-6px;bottom:60px}.chip.c2{right:-6px;top:-18px}
  .dash{transition:none;transform:none!important}
  #glow{display:none}
  .marquee-track{animation-duration:45s}
  h2{word-break:normal;overflow-wrap:anywhere}
  .wrap{width:min(1180px,100% - 40px)}
}
@media(hover:none){
  .card,.btn{transition-property:border-color,box-shadow,background,color}
  .card:hover{border-color:var(--line)}
}
.hero-grid>*,.about>*,.cta-box>*,.cards>*,.results>*,.steps>*{min-width:0}
form,.f input,.f select{max-width:100%}
section{overflow-x:clip}

/* imagens dos artigos */
.card .thumb{display:block;width:calc(100% + 64px);max-width:none;height:auto;margin:-40px -32px 26px;aspect-ratio:1200/630;object-fit:cover;border-radius:24px 24px 0 0;border-bottom:1px solid var(--line)}
.cover{max-width:900px;margin:-10px auto 56px;border-radius:22px;overflow:hidden;border:1px solid rgba(217,184,120,.35);box-shadow:0 30px 80px -30px rgba(0,0,0,.7)}
.cover img{display:block;width:100%;height:auto}
@media(max-width:980px){.cover{margin:0 -4px 36px;border-radius:16px}}

img{height:auto}

.credit{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);text-align:center}
.credit p{color:var(--muted);font-size:.82rem;letter-spacing:.04em}
.credit a{color:var(--gold-2);font-weight:500;transition:.3s}.credit a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* instagram */
.ig{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:.9rem;letter-spacing:.03em;padding:9px 16px;border:1px solid var(--line);border-radius:100px;transition:.3s}
.ig svg{width:18px;height:18px;color:var(--gold)}
.ig:hover{border-color:var(--gold);color:var(--gold-2);transform:translateY(-2px)}
.ig-cta{margin-top:28px}
.ig-cta .btn svg{width:20px;height:20px;color:var(--gold)}
@media(max-width:980px){.foot{justify-content:center;text-align:center}}