:root{
  --bg:#0B0B0B; --card:#141414; --graphite:#1A1A1A;
  --fg:#F5F5F5; --muted:#A3A3A3; --gold:#C7A35A;
  --border:rgba(255,255,255,.10);
  --display:"Cormorant Garamond",Georgia,serif;
  --sans:"Jost",ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:80rem;margin:0 auto;padding:0 1.25rem}
@media(min-width:768px){.wrap{padding:0 2.5rem}}
.display{font-family:var(--display);font-weight:300}
.gold{color:var(--gold)}
.gold-line{height:1px;background:linear-gradient(90deg,transparent,rgba(199,163,90,.6),transparent)}

/* header */
header{position:fixed;inset:0 0 auto 0;z-index:50;border-bottom:1px solid var(--border);background:rgba(11,11,11,.8);backdrop-filter:blur(18px)}
.hrow{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.75rem}
.brand img{width:40px;height:40px;border-radius:9999px;object-fit:cover;border:1px solid rgba(199,163,90,.4)}
.brand span{font-family:var(--display);font-size:1.125rem;letter-spacing:.2em;text-transform:uppercase}
nav.desktop{display:none;gap:2rem;align-items:center}
nav.desktop a{font-size:.875rem;color:var(--muted);transition:color .3s}
nav.desktop a:hover{color:var(--gold)}
@media(min-width:1024px){nav.desktop{display:flex}}
.actions{display:flex;align-items:center;gap:.75rem}
.btn-outline-gold{border:1px solid rgba(199,163,90,.6);color:var(--gold);border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;transition:.3s}
.btn-outline-gold:hover{background:var(--gold);color:#0B0B0B}
.cta-top{display:none}
@media(min-width:640px){.cta-top{display:inline-flex}}
#menuBtn{display:inline-flex;border:1px solid var(--border);background:transparent;color:var(--fg);border-radius:9999px;padding:.5rem;cursor:pointer}
@media(min-width:1024px){#menuBtn{display:none}}
#mobileNav{display:none;border-top:1px solid var(--border);background:var(--bg);padding:1rem 1.25rem}
#mobileNav.open{display:block}
#mobileNav a{display:block;padding:.75rem 0;font-size:.875rem;color:var(--muted)}
#mobileNav .btn-outline-gold{display:block;text-align:center;margin-top:.5rem;padding:.75rem}

/* sections */
main{display:block}
section{padding:6rem 0;border-top:1px solid var(--border)}
section:first-child{border-top:0}
.sec-title{text-align:center;margin-bottom:3rem}
.sec-title p{font-size:.75rem;text-transform:uppercase;letter-spacing:.4em;color:var(--gold)}
.sec-title h2{font-family:var(--display);font-weight:300;font-size:2.25rem;margin-top:1rem;letter-spacing:-.01em}
@media(min-width:768px){.sec-title h2{font-size:3rem}}
.sec-title .gold-line{width:10rem;margin:1.5rem auto 0}

/* hero */
#inicio{padding:8rem 0 5rem;position:relative;overflow:hidden}
@media(min-width:768px){#inicio{padding:11rem 0 7rem}}
#inicio::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(199,163,90,.12),transparent 60%)}
.hero{position:relative;display:grid;gap:3.5rem;align-items:center}
@media(min-width:1024px){.hero{grid-template-columns:1fr 1fr}}
.hero .eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.45em;color:var(--gold)}
.hero h1{font-family:var(--display);font-weight:300;font-size:3rem;line-height:1.05;margin-top:1.5rem}
@media(min-width:768px){.hero h1{font-size:4.5rem}}
.hero p.lead{margin-top:1.5rem;max-width:36rem;color:var(--muted)}
.hero-actions{margin-top:2.25rem;display:flex;flex-wrap:wrap;gap:1rem}
.btn-gold{background:var(--gold);color:#0B0B0B;border-radius:9999px;padding:.875rem 2rem;font-size:.875rem;font-weight:500;transition:transform .3s}
.btn-gold:hover{transform:translateY(-2px)}
.btn-ghost{border:1px solid var(--border);color:var(--muted);border-radius:9999px;padding:.875rem 2rem;font-size:.875rem;transition:.3s}
.btn-ghost:hover{border-color:rgba(199,163,90,.6);color:var(--gold)}
.avatar-lg{width:10rem;height:10rem;border-radius:9999px;object-fit:cover;border:1px solid rgba(199,163,90,.4);margin:0 auto 2rem;box-shadow:0 0 60px -15px rgba(199,163,90,.6)}
@media(min-width:768px){.avatar-lg{width:13rem;height:13rem}}

/* soon tiles */
.soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;border-radius:1rem;border:1px solid rgba(199,163,90,.22);background:linear-gradient(145deg,rgba(199,163,90,.05),var(--bg))}
.soon b{font-family:var(--display);font-weight:400;font-size:1.5rem;letter-spacing:.3em;color:var(--gold)}
.soon small{margin-top:.75rem;max-width:20rem;font-size:.875rem;color:var(--muted)}

/* grids */
.grid{display:grid;gap:1rem}
.g2{grid-template-columns:repeat(2,1fr)}
@media(min-width:768px){.md3{grid-template-columns:repeat(3,1fr)}.md2{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.lg4{grid-template-columns:repeat(4,1fr)}.lg3{grid-template-columns:repeat(3,1fr)}.lg5{grid-template-columns:repeat(5,1fr)}}
.about{display:grid;gap:3rem}
@media(min-width:1024px){.about{grid-template-columns:1fr 1fr}}
.about p{color:var(--muted);margin-bottom:1.25rem}
.chips{display:grid;gap:.75rem;list-style:none}
@media(min-width:640px){.chips{grid-template-columns:repeat(2,1fr)}}
.chips li{border:1px solid var(--border);background:var(--card);border-radius:.75rem;padding:1rem 1.25rem;font-size:.875rem}
.chips svg{color:var(--gold);margin-bottom:.5rem}
.tile{border:1px solid var(--border);background:var(--card);border-radius:1rem;padding:1.75rem;height:100%;transition:border-color .3s}
.tile:hover{border-color:rgba(199,163,90,.5)}
.tile h3{font-family:var(--display);font-weight:300;font-size:1.5rem}
.tile .gold-line{width:3rem;margin-top:1rem;transition:width .4s}
.tile:hover .gold-line{width:6rem}
.tile p{margin-top:1rem;font-size:.875rem;color:var(--muted)}
.diff{display:flex;align-items:center;gap:1rem;border:1px solid var(--border);background:var(--card);border-radius:1rem;padding:1.25rem 1.5rem;height:100%;font-size:.875rem}
.diff span.ic{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex:0 0 auto;border-radius:9999px;border:1px solid rgba(199,163,90,.4);color:var(--gold)}
.step{border:1px solid var(--border);background:var(--card);border-radius:1rem;padding:1.5rem;height:100%}
.step b{font-family:var(--display);font-weight:400;font-size:1.875rem;color:var(--gold)}
.step h3{margin-top:.75rem;font-size:1rem;font-weight:500}
.step p{margin-top:.5rem;font-size:.875rem;color:var(--muted)}
.aspect{aspect-ratio:3/4}
.minh{min-height:13rem}

/* contato */
.contact{max-width:48rem;margin:0 auto;text-align:center}
.wa{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.25rem 2.5rem;font-size:1rem}
@media(min-width:640px){.wa{width:auto}}
.contact-links{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}
@media(min-width:640px){.contact-links{flex-direction:row;justify-content:center}}
.pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;color:var(--muted);transition:.3s}
a.pill:hover{border-color:rgba(199,163,90,.6);color:var(--gold)}

footer{border-top:1px solid var(--border);padding:2.5rem 0;text-align:center}
footer img{width:3rem;height:3rem;border-radius:9999px;object-fit:cover;border:1px solid rgba(199,163,90,.3);margin:0 auto .75rem}
footer .name{font-family:var(--display);font-size:.875rem;letter-spacing:.3em;text-transform:uppercase}
footer .copy{margin-top:.75rem;font-size:.75rem;color:var(--muted)}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}