:root{
  --bg:#0B0C0A;
  --bg-alt:#0E100B;
  --card:#12140E;
  --text:#F2F3EE;
  --accent:#F5D03B;
  --accent-hover:#FFE178;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Sora',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover)}
::selection{background:var(--accent);color:var(--bg)}
input,select,textarea,button{font-family:'Sora',sans-serif}
select option{background:#14160F;color:var(--text)}
input::placeholder,textarea::placeholder{color:rgba(242,243,238,0.35)}
img{max-width:100%;display:block}
section{padding:130px 24px}
.wrap{max-width:1160px;margin:0 auto}
.wrap-narrow{max-width:760px;margin:0 auto}
.eyebrow{font-size:12px;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 20px;text-align:center}
h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(36px,3.6vw,52px);line-height:1.08;margin:0 auto 20px;text-align:center;max-width:640px}
h2 em{color:var(--accent);font-style:italic}
.lede{font-size:15px;line-height:1.7;color:rgba(242,243,238,0.55);text-align:center;margin:0 auto 64px;max-width:520px}
.btn{display:inline-block;font-size:16px;font-weight:600;color:var(--bg);background:var(--accent);padding:16px 36px;border-radius:999px;border:none;cursor:pointer}
.btn:hover{background:var(--accent-hover);color:var(--bg)}
.btn-sm{font-size:13px;padding:10px 20px}

@keyframes vmlBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes vmlFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes vmlSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* reveal-on-scroll */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-visible{opacity:1;transform:translateY(0)}

/* ---------- header ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:rgba(11,12,10,0.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,0.06)}
.logo{display:flex;align-items:baseline;gap:8px}
.logo-main{font-family:'Instrument Serif',serif;font-style:italic;font-size:22px;color:var(--text)}
.logo-sub{font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:var(--accent);font-weight:600}


/* ---------- hero ---------- */
#hero{height:230vh;position:relative}
.hero-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:84px;padding-bottom:24px;box-sizing:border-box}
.hero-glow{position:absolute;inset:0;background:radial-gradient(900px 600px at 72% 42%,rgba(245,208,59,0.07),transparent 60%)}
.hero-inner{width:min(1100px,92vw);display:flex;flex-direction:column;align-items:center;position:relative}
.hero-kicker{font-family:'Instrument Serif',serif;font-style:italic;font-size:18px;color:rgba(242,243,238,0.55);margin:0 0 16px}
.hero-title{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(42px,5.4vw,74px);line-height:1;margin:0 0 34px;text-align:center;color:var(--text)}
.hero-title em{color:var(--accent);font-style:italic}
.hero-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:44px;align-items:center;justify-items:center;width:100%}
.hero-label{display:flex;flex-direction:column;gap:6px}
.hero-label.before{justify-self:end;text-align:right}
.hero-label.after{justify-self:start;opacity:0.25}
.hero-label-tag{font-size:11px;letter-spacing:0.24em;text-transform:uppercase;font-weight:600}
.hero-label.before .hero-label-tag{color:rgba(242,243,238,0.45)}
.hero-label.after .hero-label-tag{color:var(--accent)}
.hero-label-num{font-family:'Instrument Serif',serif;font-size:32px;line-height:1}
.hero-label.before .hero-label-num{color:rgba(242,243,238,0.75)}
.hero-label.after .hero-label-num{color:var(--accent)}
.hero-label-sub{font-size:12px;color:rgba(242,243,238,0.4)}
.hero-label-rule{height:1px;width:120px;background:rgba(255,255,255,0.15);margin-top:10px}
.hero-label.before .hero-label-rule{align-self:flex-end}
.hero-label.after .hero-label-rule{background:rgba(245,208,59,0.4)}
#phoneBox{width:250px;height:542px;position:relative}
#phone{transform-origin:top center;width:402px;height:874px;transform:scale(0.62);margin-left:-76px;filter:drop-shadow(0 30px 60px rgba(0,0,0,0.6))}
.hero-cta-row{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px;text-align:center}
.hero-cta-note{font-size:13px;color:rgba(242,243,238,0.45)}
#hint{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(242,243,238,0.4);font-size:11px;letter-spacing:0.2em;text-transform:uppercase}
#hint svg{animation:vmlBounce 1.8s ease-in-out infinite}

/* iOS device frame */
.ios-device{width:100%;height:100%;border-radius:48px;overflow:hidden;position:relative;background:#000;box-shadow:0 40px 80px rgba(0,0,0,0.18),0 0 0 1px rgba(0,0,0,0.12);font-family:-apple-system,system-ui,sans-serif}
.ios-island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:126px;height:37px;border-radius:24px;background:#000;z-index:50}
.ios-status{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;gap:154px;align-items:center;justify-content:center;padding:21px 24px 19px;box-sizing:border-box}
.ios-status span{font-family:-apple-system,'SF Pro',system-ui;font-weight:590;font-size:17px;color:#fff}
.ios-status svg{fill:#fff}
.ios-status .ios-icons{display:flex;align-items:center;gap:7px}
.ios-content{position:relative;height:100%;background:#000}
.ios-home{position:absolute;bottom:0;left:0;right:0;z-index:60;height:34px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:8px;pointer-events:none}
.ios-home-bar{width:139px;height:5px;border-radius:100px;background:rgba(255,255,255,0.7)}

/* IG profile mocks inside the phone */
.ig{position:absolute;inset:0;padding:64px 16px 0;box-sizing:border-box}
.ig-before{opacity:1}
.ig-after{background:#000;opacity:0}
.ig-handle{text-align:center;font-size:14px;font-weight:600;color:#8a8a8a;padding:8px 0 14px}
.ig-handle-after{display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:600;color:#fff;padding:8px 0 14px}
.ig-row{display:flex;align-items:center;gap:24px;padding:0 4px}
.ig-avatar{width:82px;height:82px;border-radius:50%;position:relative;overflow:hidden;background:#1a1b17;flex-shrink:0}
.ig-avatar svg{position:absolute;inset:0;width:100%;height:100%;filter:blur(5px)}
.ig-avatar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:0.14em;color:rgba(255,255,255,0.7)}
.ig-avatar-ring{width:88px;height:88px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#F5D03B,#b98a1a);flex-shrink:0}
.ig-avatar-ring .ig-avatar{width:100%;height:100%;background:#141208;border:3px solid #000}
.ig-avatar-ring .ig-avatar span{color:#fff}
.ig-stats{flex:1;display:flex;justify-content:space-around;text-align:center}
.ig-stats.after{align-items:flex-end}
.ig-stat b{display:block;font-size:15px;font-weight:700;color:#bbb}
.ig-stat span{font-size:11px;color:#777}
.ig-stats.after .ig-stat b{font-size:17px;color:#fff}
.ig-stats.after .ig-stat span{color:#a8a8a8}
.ig-stats.after .ig-stat .ig-follow-count{font-family:'Instrument Serif',serif;font-size:26px;font-weight:400;color:var(--accent);line-height:1;display:block}
.ig-bio{padding:12px 4px 0;font-size:13px;line-height:1.5;color:#ccc}
.ig-bio-after{color:#fff}
.ig-bio-after .badge{color:var(--accent);font-size:11px;font-weight:600}
.ig-bio span{color:#777}
.ig-bio-after span{color:#a8a8a8}
.ig-actions{display:flex;gap:8px;padding:14px 4px 16px}
.ig-actions>div{flex:1;text-align:center;font-size:13px;font-weight:600;color:#999;background:#1e1e1e;border-radius:8px;padding:8px 0}
.ig-actions-after>div:first-child{color:#0B0C0A;background:var(--accent)}
.ig-actions-after>div:last-child{color:#fff;background:#262626}
.ig-highlights{display:flex;gap:14px;padding:14px 4px 4px}
.ig-highlight{display:flex;flex-direction:column;align-items:center;gap:4px}
.ig-highlight-ring{width:52px;height:52px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#F5D03B,#8a6a15)}
.ig-highlight-ring div{width:100%;height:100%;border-radius:50%;background:#1c1c1c;border:2px solid #000}
.ig-highlight span{font-size:9.5px;color:#ccc}
.ig-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}
.ig-grid>div{aspect-ratio:1;position:relative}
.ig-grid-views{position:absolute;bottom:6px;left:6px;font-size:10px;color:#666;display:flex;align-items:center;gap:3px}
.ig-grid-views.big{font-size:11px;font-weight:600;color:#fff}
.ig-empty-note{margin:18px 4px 0;text-align:center;font-size:11px;color:#555;border:1px dashed #333;border-radius:8px;padding:8px}
.ig-float-pill{position:absolute;background:rgba(11,12,10,0.9);border:1px solid rgba(245,208,59,0.5);border-radius:999px;padding:8px 14px;display:flex;align-items:center;gap:7px;box-shadow:0 8px 24px rgba(0,0,0,0.5);animation:vmlFloat 4s ease-in-out infinite}

/* ---------- números ---------- */
#numeros{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);background:var(--bg-alt);padding:72px 24px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}
.stat-num{font-family:'Instrument Serif',serif;font-size:60px;color:var(--accent);line-height:1}
.stat-label{font-size:13px;color:rgba(242,243,238,0.55);margin-top:10px;letter-spacing:0.08em;text-transform:uppercase}

/* ---------- quem somos ---------- */
.founders{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.founder{display:flex;flex-direction:column;gap:16px}
.founder-photo{display:block;width:100%;aspect-ratio:4/5;border-radius:16px}
.founder-name{font-size:17px;font-weight:600;color:var(--text)}
.founder-handle{font-size:13px;color:var(--accent)}
.founder-bio{font-size:13.5px;line-height:1.65;color:rgba(242,243,238,0.55);margin-top:6px}

/* ---------- cases ---------- */
#cases{background:var(--bg-alt);border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06)}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case-card{background:var(--card);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:16px}
.case-name{font-size:17px;font-weight:600;color:var(--text)}
.case-handle{font-size:13px;color:var(--accent);margin-top:2px}
.case-mockup{display:flex;justify-content:center;padding:10px 0 6px}
.case-mockup img{width:76%;max-width:210px;display:block;filter:drop-shadow(0 22px 38px rgba(0,0,0,0.55));transform:rotate(var(--tilt,-2.5deg));transition:transform .35s ease}
.case-card:hover .case-mockup img{transform:rotate(0deg) scale(1.03)}
.case-result{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:16px;background:rgba(245,208,59,0.06);border:1px solid rgba(245,208,59,0.18);border-radius:10px}
.case-since{font-size:11px;letter-spacing:0.04em;color:rgba(242,243,238,0.45)}
.case-growth{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding-top:10px;border-top:1px solid rgba(255,255,255,0.08)}
.case-growth .from{font-size:13px;color:rgba(242,243,238,0.55)}
.case-growth .to{font-family:'Instrument Serif',serif;font-weight:400;font-size:22px;color:var(--accent)}

/* ---------- image placeholder ---------- */
.imgslot{position:relative;overflow:hidden;background:linear-gradient(150deg,#1c1e17,#101208);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center}
.imgslot img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.imgslot span{position:relative;font-size:11px;color:rgba(242,243,238,0.35);text-align:center;padding:0 10px;line-height:1.4}
.imgslot.circle{border-radius:50%}

/* ---------- nossos clientes ---------- */
#clientes{padding:0;position:relative;overflow:hidden}
#clientes .wrap{padding:130px 24px;position:relative}
#const-wrap{position:relative;height:620px}
#const{position:absolute;left:50%;top:0;width:1100px;height:620px;transform:translateX(-50%);transform-origin:top center}
.const-ring{position:absolute;border-radius:50%}
.const-center{position:absolute;left:445px;top:195px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 40% 32%,#221f10,#0f0e06);border:1px solid rgba(245,208,59,0.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;box-shadow:0 0 80px rgba(245,208,59,0.12)}
.const-center b{font-family:'Instrument Serif',serif;font-size:52px;color:var(--accent);font-weight:400;line-height:1}
.const-center .lbl{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(242,243,238,0.6);font-weight:600}
.const-center .sub{font-size:11px;color:rgba(242,243,238,0.4)}
.const-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;animation:vmlFloat 7s ease-in-out infinite;cursor:pointer}
.const-node .photo{border-radius:50%;padding:3px;border:1px solid rgba(245,208,59,0.55);transition:transform .2s ease}
.const-node:hover .photo{transform:scale(1.06)}
.const-node.dim .photo{border-color:rgba(255,255,255,0.18);padding:2px}
.const-node .caption{text-align:center;line-height:1.3}
.const-node .num{font-family:'Instrument Serif',serif;color:var(--accent)}
.const-node.dim .num{color:var(--text)}
.const-node .name{font-size:11px;color:rgba(242,243,238,0.75);font-weight:600}
.const-node.dim .name{color:rgba(242,243,238,0.6);font-size:9.5px}
.clientes-mobile{display:none;flex-direction:column;align-items:center;gap:20px}
.clientes-mobile-stat{text-align:center;border:1px solid rgba(245,208,59,0.4);border-radius:18px;padding:28px 32px}
.clientes-mobile-stat b{font-family:'Instrument Serif',serif;font-size:44px;color:var(--accent);line-height:1;display:block}
.clientes-mobile-stat span{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(242,243,238,0.6);font-weight:600;margin-top:8px;display:block}
.tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.clientes-avatars{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 14px;max-width:420px}
.ca-node{display:flex;flex-direction:column;align-items:center;gap:5px;width:76px;text-align:center}
.ca-photo{width:62px;height:62px;border-radius:50%;overflow:hidden;border:1px solid rgba(245,208,59,0.5)}
.ca-photo img{width:100%;height:100%;object-fit:cover}
.ca-num{font-family:'Instrument Serif',serif;font-size:14px;color:var(--accent);line-height:1.2}
.ca-name{font-size:9.5px;color:rgba(242,243,238,0.6);line-height:1.25}
.tag-row.rest{max-width:900px;margin:36px auto 0}
.tag{font-size:12px;font-weight:600;color:var(--accent);border:1px solid rgba(245,208,59,0.4);border-radius:999px;padding:8px 14px}
.tag.rest{font-weight:400;color:rgba(242,243,238,0.55);border-color:rgba(255,255,255,0.1)}
.tag.rest:hover{border-color:rgba(245,208,59,0.5);color:var(--text)}

/* ---------- metodologia ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.step-head{display:flex;align-items:center;gap:14px}
.step-n{font-family:'Instrument Serif',serif;font-size:44px;color:var(--accent);line-height:1}
.step-rule{height:1px;background:rgba(255,255,255,0.12);margin:18px 0}
.step-title{font-size:16px;font-weight:600;margin-bottom:8px}
.step-desc{font-size:13.5px;line-height:1.7;color:rgba(242,243,238,0.55)}
.step-loop{position:relative;margin-top:40px}
.step-loop svg{width:100%;height:80px;display:block}
.step-loop span{position:absolute;left:50%;top:50%;transform:translate(-50%,2px);background:var(--bg);padding:6px 18px;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);font-weight:600;border:1px solid rgba(245,208,59,0.35);border-radius:999px;white-space:nowrap}
.step-loop-mobile{display:none;justify-content:center;margin-top:28px}
.step-loop-mobile span{background:var(--bg);padding:6px 18px;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);font-weight:600;border:1px solid rgba(245,208,59,0.35);border-radius:999px}

/* ---------- para quem é ---------- */
#para-quem{background:var(--bg-alt);border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06)}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.fit-card{border-radius:18px;padding:40px}
.fit-card.yes{background:rgba(245,208,59,0.04);border:1px solid rgba(245,208,59,0.22)}
.fit-card.no{background:var(--card);border:1px solid rgba(255,255,255,0.07)}
.fit-title{font-size:13px;letter-spacing:0.2em;text-transform:uppercase;font-weight:600;margin-bottom:28px}
.fit-card.yes .fit-title{color:var(--accent)}
.fit-card.no .fit-title{color:rgba(242,243,238,0.4)}
.fit-list{display:flex;flex-direction:column;gap:18px}
.fit-item{display:flex;gap:14px;align-items:flex-start}
.fit-item svg{flex-shrink:0;margin-top:2px}
.fit-item span{font-size:15px;line-height:1.6}
.fit-card.yes .fit-item span{color:rgba(242,243,238,0.8)}
.fit-card.no .fit-item span{color:rgba(242,243,238,0.5)}

/* ---------- faq ---------- */
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--card);border:1px solid rgba(255,255,255,0.08);border-radius:14px;overflow:hidden}
.faq-q{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:22px 26px;cursor:pointer;font-family:'Sora',sans-serif;font-size:16px;font-weight:500;color:var(--text)}
.faq-q:hover{color:var(--accent)}
.faq-icon{color:rgba(242,243,238,0.4);font-size:20px;line-height:1}
.faq-item.open .faq-icon{color:var(--accent)}
.faq-a{padding:0 26px 24px;font-size:14.5px;line-height:1.75;color:rgba(242,243,238,0.6);display:none}
.faq-item.open .faq-a{display:block}

/* ---------- aplicação ---------- */
#aplicar{background:var(--bg-alt);border-top:1px solid rgba(255,255,255,0.06)}
#aplicar .wrap-narrow{padding-bottom:10px}
form{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.field{display:flex;flex-direction:column}
.field.full{grid-column:1 / -1}
.field label{display:block;font-size:13px;color:rgba(242,243,238,0.65);margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;box-sizing:border-box;background:var(--card);border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:14px 16px;color:var(--text);font-size:15px;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}
.field select{appearance:none}
.field textarea{resize:vertical}
.consent{grid-column:1 / -1;display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:24px;cursor:pointer}
.consent input{width:18px;height:18px;margin-top:3px;accent-color:var(--accent);flex-shrink:0}
.consent span{font-size:13.5px;line-height:1.75;color:rgba(242,243,238,0.65)}
.consent strong{color:var(--text)}
.consent-err{grid-column:1 / -1;font-size:13.5px;color:#FF8A7A;background:rgba(255,138,122,0.08);border:1px solid rgba(255,138,122,0.25);border-radius:10px;padding:12px 16px;display:none}
.consent-err.is-visible{display:block}
.submit-btn{all:unset;box-sizing:border-box;grid-column:1 / -1;text-align:center;font-family:'Sora',sans-serif;font-size:16px;font-weight:600;color:var(--bg);background:var(--accent);padding:18px;border-radius:999px;cursor:pointer}
.submit-btn:hover{background:var(--accent-hover)}
#form-sent{display:none;text-align:center;padding:60px 0}
#form-sent h2{margin-bottom:16px}
#form-sent p{font-size:15px;line-height:1.7;color:rgba(242,243,238,0.55);max-width:420px;margin:0 auto}

footer{border-top:1px solid rgba(255,255,255,0.06);padding:40px 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-tag{font-size:13px;color:rgba(242,243,238,0.4);font-family:'Instrument Serif',serif;font-style:italic}
.footer-copy{font-size:12px;color:rgba(242,243,238,0.3)}

/* ---------- responsive ---------- */
[data-r~="show900"]{display:none}
@media (max-width:900px){
  [data-r~="g900-1"]{grid-template-columns:1fr!important}
  [data-r~="g900-2"]{grid-template-columns:repeat(2,1fr)!important}
  [data-r~="hide900"]{display:none!important}
  [data-r~="show900"]{display:flex!important}
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  [data-r~="g900-2"]{grid-template-columns:1fr!important}
  [data-r~="g600-1"]{grid-template-columns:1fr!important}
  section{padding:72px 18px!important}
  #numeros{padding:72px 18px!important}
}