:root{--floresta:#36483E;--off:#F8F5EC;--areia:#D9A77B;--salvia:#9CAE9F;--grafite:#202822;--line:rgba(32,40,34,.16);--muted:#4A554D}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--off);color:var(--grafite);line-height:1.6;font-size:16px;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
h1,h2,h3{line-height:1.08;letter-spacing:-.03em}
section[id]{scroll-margin-top:60px}
:focus-visible{outline:3px solid var(--salvia);outline-offset:3px}

/* header */
.top{background:var(--floresta);position:sticky;top:0;z-index:5;border-bottom:1px solid transparent}
.top.scrolled{border-color:rgba(248,245,236,.16)}
.bar{display:flex;align-items:center;gap:16px;height:60px}
.logo{font-weight:700;font-size:1.6rem;color:var(--off);text-decoration:none;letter-spacing:-.02em}
.logo span{color:var(--areia)}
.nav{display:none;margin-left:auto;gap:28px}
.nav a{color:var(--off);text-decoration:none;font-size:.92rem;font-weight:500;opacity:.8;padding:4px 0;border-bottom:1px solid transparent}
.nav a:hover{opacity:1;border-color:var(--areia)}
.bar-cta{margin-left:auto}
.burger{background:none;border:0;width:40px;height:40px;position:relative;cursor:pointer}
.burger span{position:absolute;left:9px;right:9px;height:1.5px;background:var(--off);transition:transform .2s}
.burger span:first-child{top:15px}.burger span:last-child{top:24px}
.top.open .burger span:first-child{transform:translateY(4.5px) rotate(45deg)}
.top.open .burger span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
@media(max-width:859px){
 .top.open .nav{display:flex;flex-direction:column;gap:0;position:absolute;top:60px;left:0;right:0;background:var(--floresta);padding:4px 16px 16px;border-bottom:1px solid rgba(248,245,236,.16)}
 .top.open .nav a{padding:14px 0;font-size:1.05rem;border-bottom:1px solid rgba(248,245,236,.12)}
}
@media(min-width:860px){.nav{display:flex}.bar-cta{margin-left:12px}.burger{display:none}}

/* selo App Store (oficial, sem alterar) */
.store-badge{display:inline-flex;padding:6px;margin:-6px;border-radius:10px}
.store-badge img{display:block;height:48px;width:auto}
.store-badge--sm{margin:0;padding:0}
.store-badge--sm img{height:40px}

/* telas em moldura */
.phone{border:7px solid var(--grafite);border-radius:40px;overflow:hidden;background:var(--grafite)}
.phone img{width:100%}

/* hero */
.hero{background:var(--floresta);color:var(--off);padding-top:48px;overflow:hidden}
.hero-grid{display:grid;gap:40px}
h1{font-size:clamp(2.4rem,9vw,4.6rem);font-weight:700;color:var(--off)}
h1 em{font-style:normal;color:var(--areia)}
.lead{margin:24px 0 32px;font-weight:300;font-size:1.15rem;max-width:30rem;color:#E6E4D8}
.hero-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.note{font-size:.9rem;color:var(--salvia)}
.hero-phone{display:flex;justify-content:center;max-height:480px;overflow:hidden}
.hero-phone .phone{width:min(270px,70vw);border-bottom:0;border-radius:40px 40px 0 0}

/* linha do tempo decorativa, ecoa o gráfico do app */
.timeline{margin-top:-30px;position:relative}
.timeline svg{display:block;width:100%;height:90px}
.t-base{stroke:rgba(248,245,236,.14);stroke-width:1;vector-effect:non-scaling-stroke}
.t-line{fill:none;stroke:var(--areia);stroke-width:2;stroke-dasharray:7 7;vector-effect:non-scaling-stroke}
.t-solid{fill:none;stroke:var(--off);stroke-width:2;vector-effect:non-scaling-stroke}
.t-dot{fill:var(--areia)}
.t-days{list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,1fr);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--salvia);padding:10px 16px 14px;max-width:1120px;margin:0 auto}
.t-days li:nth-child(1){color:var(--off)}

/* como funciona */
.how{padding:80px 0 72px}
.big{font-size:clamp(2rem,6.5vw,3.8rem);font-weight:700;margin-bottom:48px}
.steps{list-style:none;padding:0;display:grid;border-top:1px solid var(--line)}
.steps li{padding:28px 0;border-bottom:1px solid var(--line);display:grid;gap:8px}
.when{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8A6A4B}
.steps h3{font-size:1.4rem;font-weight:600;letter-spacing:-.02em}
.steps p{color:var(--muted);max-width:30rem}

/* recursos */
.feat{background:#EFEADB;padding:80px 0}
.feat-grid{display:grid;gap:56px}
.feat h2{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;margin-bottom:32px}
.feat dl{border-top:1px solid var(--line)}
.feat dl>div{padding:20px 0;border-bottom:1px solid var(--line);display:grid;gap:4px}
.feat dt{font-weight:600;font-size:1.1rem}
.feat dd{color:var(--muted)}
.feat-shots{display:flex;justify-content:center;align-items:flex-start;position:relative;min-height:380px}
.feat-shots .phone{width:min(210px,44vw);box-shadow:0 24px 50px -24px rgba(32,40,34,.5)}
.feat-shots .s1{transform:rotate(-4deg) translateY(16px)}
.feat-shots .s2{transform:rotate(3deg) translate(-14px,-6px)}

/* seus dados */
.own{background:var(--grafite);color:var(--off);padding:88px 0}
.own .big{color:var(--off)}
.own-cols{display:grid;gap:20px;max-width:64rem}
.own-cols p{font-size:1.1rem;font-weight:300;color:#DAD8CC;padding-top:16px;border-top:1px solid rgba(248,245,236,.2)}
.nos{margin-top:56px;font-size:clamp(1.4rem,5vw,2.4rem);font-weight:600;letter-spacing:-.02em;display:flex;flex-wrap:wrap;gap:6px 28px;color:var(--salvia)}
.nos s{text-decoration-color:var(--areia);text-decoration-thickness:2px}

/* em breve */
.soon{border-bottom:1px solid var(--line)}
.soon-row{display:flex;gap:20px;align-items:baseline;padding:20px 0;flex-wrap:wrap}
.soon-row+.soon-row{border-top:1px solid var(--line)}
.soon .wrap{padding-top:8px;padding-bottom:8px}
.soon-tag{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8A6A4B}
.soon-text{font-size:1.1rem}

/* faq */
.faq{padding:80px 0}
.faq-grid{display:grid;gap:32px}
.faq h2{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700}
details{border-top:1px solid var(--line);padding:18px 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{font-weight:600;font-size:1.1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-weight:300;font-size:1.5rem;line-height:1;color:#8A6A4B}
details[open] summary::after{content:"–"}
details p{margin-top:10px;color:var(--muted);max-width:36rem}

/* cta */
.cta{background:var(--floresta);color:var(--off);padding:96px 0}
.cta .big{color:var(--off)}
.cta .dot{color:var(--areia)}

/* rodapé */
footer{background:var(--grafite);color:#CFCDC2;padding:40px 0}
.foot{display:grid;gap:20px}
footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}
footer nav a{color:var(--off);text-decoration:none;font-size:.95rem}
footer nav a:hover{color:var(--areia)}
.legal{font-size:.85rem;color:var(--salvia)}

@media(min-width:760px){
 .steps{grid-template-columns:repeat(3,1fr);border-top:0}
 .steps li{border-bottom:0;border-top:1px solid var(--line);padding-right:32px}
 .own-cols{grid-template-columns:repeat(3,1fr);gap:32px}
 .faq-grid{grid-template-columns:1fr 2fr;gap:64px}
}
@media(min-width:960px){
 .hero{padding-top:72px}
 .hero-grid{grid-template-columns:1.25fr 1fr;align-items:end}
 .hero-text{padding-bottom:64px}
 .hero-phone{max-height:560px}
 .hero-phone .phone{width:320px}
 .how{padding:120px 0 96px}
 .feat{padding:112px 0}
 .feat-grid{grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}
 .feat-shots{position:sticky;top:100px}
 .feat-shots .phone{width:230px}
 .own{padding:120px 0}
 .faq{padding:112px 0}
 .foot{grid-template-columns:auto 1fr;align-items:center}
 .foot nav{justify-content:flex-end}
 .legal{grid-column:1/-1}
}

/* páginas de texto (privacidade, suporte) */
.doc{padding:56px 0 96px}
.doc-wrap{max-width:720px}
.doc h1{color:var(--grafite);font-size:clamp(2rem,7vw,3rem);margin-bottom:8px}
.doc .muted{color:var(--muted);font-size:.9rem;margin-bottom:32px}
.doc h2{font-size:1.25rem;font-weight:700;margin:36px 0 10px;letter-spacing:-.02em}
.doc p,.doc li{color:var(--grafite);margin-bottom:12px}
.doc ul{padding-left:20px;margin-bottom:12px}
.doc a{color:var(--floresta);text-decoration-color:var(--areia);text-underline-offset:3px}