@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/hanken-grotesk-400.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/hanken-grotesk-500.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/hanken-grotesk-700.woff2) format('woff2')}

:root{--ink:#2c272d;--ink-deep:#1c1719;--muted:#5b4f58;--paper:#ffffff;--sienna:#d98f6f;--sage:#a9b99a;--blush:#f7e3f5;--nude:#f1aa97}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,figure,dl,dd,ul,ol,blockquote{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid #1d5fd1;outline-offset:3px}

/* bloco do pacote */
.pular{position:absolute;left:-999px;top:0;z-index:100;background:#fff;color:var(--ink);padding:12px 18px;font-weight:700}
.pular:focus{left:8px;top:8px}
.rascunho{background:var(--ink);color:#fff;font-size:13px;line-height:1.4;padding:8px 16px;text-align:center}
.pacote{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;background:#fff;border-bottom:1px solid #e4dcd6;padding:4px 16px}
.pacote-abas{display:flex;flex-wrap:wrap;gap:2px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:40px;font-size:15px;font-weight:500;text-decoration:none;color:var(--ink)}
.pacote-abas a:hover{background:#f3ece6}
.pacote-abas a[aria-current="page"]{background:var(--ink);color:#fff}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:40px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.chat:hover{background:#000}
.rodape{background:#fff;color:var(--ink);border-top:1px solid #e4dcd6;padding:32px 24px;text-align:center;font-size:14px}
.rodape p+p{margin-top:10px}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:40px;background:var(--ink);color:#fff;font-weight:700;text-decoration:none}
.rodape-fontes{color:var(--muted);font-size:13px}

/* base */
.s{position:relative;overflow-x:clip}
.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.s h2{font-size:clamp(30px,4.2vw,60px);font-weight:500;line-height:1.08;letter-spacing:-.015em}
.s h3{font-size:22px;font-weight:500;line-height:1.25}
.lead{font-size:clamp(17px,1.5vw,20px);max-width:720px;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;border-radius:40px;font-weight:500;font-size:16px;text-decoration:none;border:2px solid transparent}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#000}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:var(--nude)}
.lnk{display:inline-flex;align-items:center;min-height:44px;font-weight:500;text-decoration:underline;text-underline-offset:4px}

/* revelação: escondido só com JS */
.rv{transition:opacity .7s ease,transform .7s ease}
.com-js .rv:not(.in){opacity:0;transform:translateY(22px)}
@media (prefers-reduced-motion:reduce){.rv{transition:none}.com-js .rv:not(.in){opacity:1;transform:none}html{scroll-behavior:auto}}

/* 1 hero */
.s-hero{padding:0 0 64px}
.hero-stage{position:relative;display:flex;align-items:flex-end;min-height:min(92vh,860px);overflow:hidden}
.hero-stage .bleed{object-position:72% 30%}
.hero-wrap{position:relative;padding-block:220px 48px}
.hero-top{background:#fff;color:var(--ink);max-width:700px;padding:clamp(22px,3.4vw,44px);border-radius:12px}
.s-hero h1{font-size:clamp(34px,4.4vw,64px);font-weight:500;line-height:1.04;letter-spacing:-.025em}
.hero-sub{font-size:clamp(18px,1.6vw,22px);margin-top:20px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.hero-note{margin-top:18px;color:var(--muted);font-size:16px}
@media (max-width:700px){.hero-wrap{padding-block:250px 20px}.hero-stage{min-height:0}}
.hero-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.panel img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#f5f5f5}
.panel figcaption{padding:14px 0 0;font-size:18px;font-weight:500;line-height:1.3}

/* 2 third option */
.s-third{padding:88px 0 96px}
.third-text{max-width:860px}
.s-third h2{font-size:clamp(34px,5.4vw,78px);line-height:1.02;letter-spacing:-.025em}
.pull{font-size:clamp(22px,2.4vw,32px);font-weight:500;line-height:1.3;margin:28px 0 20px}
.third-text p+p{margin-top:14px;max-width:640px}
.third-text .pull+p{margin-top:0}
.trio{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.trio span{padding:10px 20px;border:2px solid var(--ink);border-radius:40px;font-weight:700;font-size:15px}
.trio .on{background:var(--ink);color:#fff}
.third-photos{display:flex;gap:16px;margin-top:56px;align-items:flex-start}
.third-photos figure{flex:1 1 0;min-width:0}
.third-photos figure:nth-child(2){margin-top:48px}
.third-photos figure:nth-child(3){margin-top:96px}
.third-photos img{width:100%;aspect-ratio:900/808;object-fit:cover;border-radius:12px}

/* 3 scale */
.s-scale{background-color:var(--sienna);color:var(--ink-deep);padding:28px 0}
.s-scale .eyebrow{color:var(--ink-deep)}
.scale-wrap{display:flex;align-items:center;gap:32px}
.scale-ph{flex:0 0 190px;min-width:0}
.scale-ph img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.scale-main{flex:1 1 0;min-width:0}
.scale-main h2{font-size:clamp(26px,3vw,40px)}
.scale-main p{margin-top:10px}
.ruler{display:flex;flex-wrap:wrap;align-items:flex-end;margin-top:18px}
.ruler a{display:inline-grid;place-items:center;width:46px;min-height:56px;border-left:2px solid var(--ink-deep);font-size:22px;font-weight:700;text-decoration:none;color:var(--ink-deep)}
.ruler a:hover{background:rgba(255,255,255,.4)}
.ruler i{display:inline-grid;place-items:center;width:20px;min-height:56px;font-style:normal;font-size:12px;border-left:1px solid var(--ink-deep)}

/* 4 shop by need */
.s-need{padding:88px 0}
.need-head{max-width:760px}
.need-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}
.card img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#f5f5f5}
.card h3{margin-top:16px}
.card p{margin-top:8px;color:var(--muted)}
.card .lnk{margin-top:6px}

/* 5 fit finder */
.s-fit{background-color:var(--ink);color:#fff;padding:96px 0}
.s-fit .eyebrow{color:var(--nude)}
.fit-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}
.fit-side{position:sticky;top:76px}
.fit-side p{margin-top:14px}
.fit-side .btn{margin-top:8px}
.fit-ph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.fit-ph img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px}
.fit-kick{font-size:26px!important}
.fit-body>p{margin-top:16px;color:#ece4de}
.steps{list-style:none;padding:0;margin:32px 0 0;counter-reset:st}
.steps li{counter-increment:st;border-top:1px solid rgba(255,255,255,.28);padding:24px 0 28px 64px;position:relative}
.steps li::before{content:counter(st);position:absolute;left:0;top:22px;width:44px;height:44px;border-radius:50%;background:var(--nude);color:var(--ink-deep);display:grid;place-items:center;font-weight:700}
.steps h4{font-size:22px;font-weight:500;line-height:1.25}
.steps p{margin-top:8px;color:#ece4de}
.fit-end{margin-top:12px}

/* 6 band */
.s-band{min-height:560px;display:flex;align-items:center}
.bleed{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(100%,2100px);height:100%;object-fit:cover;object-position:50% 30%;background:#f1ece8}
.band-wrap{position:relative;padding-block:80px}
.band-card{background:#fff;color:var(--ink);max-width:520px;padding:36px;border-radius:12px}
.band-card h2{font-size:clamp(30px,3.6vw,50px)}
.band-card p{margin-top:14px}

/* 7 bra-blems */
.s-blems{padding:96px 0}
.blems-head{max-width:820px}
.blems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px}
.bcard img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.bcard h3{margin-top:18px}
.bcard p{margin-top:8px;color:var(--muted)}

/* 8 voices */
.s-voices{padding:96px 0}
.voices-head{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.voices-head>div{max-width:720px}
.voices-head img{flex:0 0 min(34%,380px);width:min(34%,380px);aspect-ratio:3/4;object-fit:cover;border-radius:12px}
.quotes{display:flex;flex-direction:column;gap:44px;margin-top:64px}
.q{max-width:820px}
.q-l{margin-right:auto;border-left:4px solid var(--sienna);padding-left:24px}
.q-r{margin-left:auto;border-right:4px solid var(--sienna);padding-right:24px;text-align:right}
.q blockquote{font-size:clamp(22px,2.6vw,34px);font-weight:500;line-height:1.25}
.q figcaption{margin-top:12px;font-size:15px;font-weight:700;color:var(--muted)}

/* 9 founders */
.s-founders{padding:88px 0}
.founders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px);align-items:stretch}
.founders-ph{height:100%}
.founders-ph img{width:100%;height:100%;min-height:420px;object-fit:cover;border-radius:12px}
.founders-text p{margin-top:14px}
.founders-text h2{font-size:clamp(28px,3.6vw,50px)}
.founders-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.founders-duo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.founders-duo figcaption{margin-top:6px;font-weight:700;font-size:15px}

/* 10 numbers */
.s-numbers{min-height:480px;display:flex;align-items:center}
.s-numbers .wrap{position:relative}
.num-panel{background:rgba(255,255,255,.95);padding:clamp(24px,4vw,44px);margin-block:72px;border-radius:12px;color:var(--ink)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin-top:28px}
.stats dt{font-size:clamp(22px,2.5vw,36px);font-weight:700;line-height:1.1;overflow-wrap:anywhere}
.stats dd{margin-top:6px;font-size:15px;color:var(--muted)}

/* 11 how */
.s-how{padding:64px 0}
.how-head{max-width:760px}
.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.step img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.step h3{margin-top:16px}
.step p{margin-top:8px;color:var(--muted)}

/* 12 colors */
.s-colors{background-color:var(--blush);padding:96px 0}
.colors-head{text-align:right}
.colors-head .lead{margin-left:auto}
.stripes{margin-top:48px}
.stripe{display:flex;align-items:center;gap:28px;padding:24px 0;border-top:1px solid rgba(44,39,45,.22)}
.chip{flex:0 0 140px;height:72px;border-radius:40px;border:1px solid rgba(44,39,45,.25)}
.stripe h3{margin-bottom:6px}
.stripe p{max-width:760px}
.colors-end{margin-top:32px;max-width:760px;margin-left:auto;text-align:right;font-weight:500}

/* 13 collection */
.s-collection{padding:96px 0}
.coll-head{text-align:center}
.coll-head .lead{margin-inline:auto}
.coll-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px;margin-top:48px}
.pcard img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#f5f5f5}
.pcard h3{margin-top:14px;font-size:18px}
.pcard p{margin-top:6px;color:var(--muted);font-size:15px}
.pcard .price{color:var(--ink);font-weight:700}

/* 14 cozy */
.s-cozy{background-color:var(--sage);color:var(--ink-deep);padding:56px 0}
.s-cozy .eyebrow{color:var(--ink-deep)}
.cozy-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
.cozy-text p{margin-top:12px}
.cozy-text h2{font-size:clamp(28px,3.4vw,46px)}
.cozy-ph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cozy-ph figure{height:100%}
.cozy-ph img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px}

/* 15 learn */
.s-learn{padding:72px 0}
.rows{list-style:none;padding:0;margin-top:40px}
.row{display:flex;gap:32px;align-items:baseline;padding:22px 0;border-top:1px solid #ddd3cc}
.row h3{flex:0 0 38%;min-width:0}
.row p{flex:1 1 0;min-width:0;color:var(--muted)}

/* 16 faq */
.s-faq{padding:96px 0}
.faq-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}
.faq-side{position:sticky;top:76px}
.faq-side p{margin-top:14px}
.faq-side img{width:100%;max-width:480px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-top:24px}
.faq-list>div{border-top:1px solid #ddd3cc;padding:22px 0 26px}
.faq-list dt{font-size:20px;font-weight:700;line-height:1.3}
.faq-list dd{margin-top:8px;color:var(--muted)}

/* 17 cta */
.s-cta{background-color:var(--ink);color:#fff;padding:48px 0}
.s-cta .eyebrow{color:var(--nude)}
.cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);align-items:stretch}
.cta-text{text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.cta-text p{margin-top:12px}
.cta-text .btn{margin-top:8px}
.cta-ph{height:100%}
.cta-ph img{width:100%;height:100%;min-height:380px;object-fit:cover;border-radius:12px}
.hooked{background:#fff;color:var(--ink);border-radius:16px;padding:20px 24px;margin-top:28px;max-width:420px}
.hooked img{width:200px;margin-inline:auto}

/* responsivo */
@media (max-width:1000px){
  .need-grid,.coll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fit-grid,.faq-grid,.founders-grid,.cozy-grid,.cta-grid{grid-template-columns:minmax(0,1fr)}
  .fit-side,.faq-side{position:static}
  .row{flex-direction:column;gap:6px}
  .row h3{flex:none}
}
@media (max-width:700px){
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
  .pacote-abas a{padding:0 9px;font-size:14px}
  .hero-panels,.blems-grid,.how-grid{grid-template-columns:minmax(0,1fr)}
  .panel img{aspect-ratio:4/3}
  .bcard img,.step img{aspect-ratio:4/3}
  .third-photos figure:nth-child(2),.third-photos figure:nth-child(3){margin-top:0}
  .scale-wrap{flex-wrap:wrap}
  .scale-ph{flex:1 1 100%}
  .scale-ph img{aspect-ratio:16/7}
  .scale-main{flex:1 1 100%;order:3}
  .voices-head{flex-direction:column}
  .voices-head img{flex:none;width:100%;max-width:320px}
  .q-r{text-align:left;border-right:0;padding-right:0;border-left:4px solid var(--sienna);padding-left:24px;margin-left:0}
  .colors-head,.colors-end{text-align:left;margin-left:0}
  .colors-head .lead{margin-left:0}
  .chip{flex:0 0 64px;height:64px}
  .stripe{gap:16px}
  .cozy-ph{grid-template-columns:repeat(3,minmax(0,1fr))}
  .band-card{padding:24px}
  .founders-ph img{aspect-ratio:1;min-height:0;height:auto}
  .cta-ph img{height:auto;min-height:0;aspect-ratio:16/10}
  .ruler a{width:40px}
}