:root{
  --grey-100:#1C1E23; --grey-90:#2C2F36; --grey-80:#3C3F49; --grey-70:#5C6170;
  --grey-60:#868C9D; --grey-50:#ACB2C3; --grey-20:#E9E9EC; --grey-20b:#EDEEF3;
  --brown-10:#F6F4F1; --brown-20:#EDEAE5; --brown-30:#E3DDD6; --brown-60:#B4AB9E; --brown-80:#787269;
  --amia-100:#D47A6A; --amia-50:#F8DACB; --soft-mist:#FAF9F7; --white:#fff; --ink:#1A2236;
  --serif:'Alice',serif; --sans:'Geist',system-ui,sans-serif; --mono:'Geist Mono',monospace;
  --pad:clamp(20px,12.5vw,240px);
}
*{margin:0;padding:0;box-sizing:border-box}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
body{font-family:var(--sans);color:var(--grey-100);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.h1{font-family:var(--serif);font-size:clamp(40px,3.75vw,72px);letter-spacing:-3px;line-height:1.1;font-weight:400}
.h3{font-family:var(--serif);font-size:clamp(32px,2.5vw,48px);letter-spacing:-2px;line-height:1.2;font-weight:400}
.h4{font-family:var(--serif);font-size:clamp(24px,1.66vw,32px);letter-spacing:-1px;line-height:1.3;font-weight:400}
.p{font-size:clamp(17px,1.04vw,20px);line-height:1.6;letter-spacing:-.2px;color:var(--grey-70)}
.p-sm{font-size:clamp(16px,.94vw,18px);line-height:1.6;letter-spacing:-.18px;color:var(--grey-70)}
.p-xs{font-size:16px;line-height:1.5;color:var(--grey-70)}
.accent{color:var(--brown-80)}
.tag{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:20px;background:var(--brown-10);font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:-.13px;text-transform:uppercase;color:var(--grey-80)}

/* ============ NAV ============ */
.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:24px var(--pad) 0;pointer-events:none}
.nav{pointer-events:auto;width:100%;max-width:1480px;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-radius:24px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:rgba(17,17,17,.1);transition:background .4s ease}
.nav .logo{display:block;width:73px;height:22px;margin-left:24px;color:#fff;transition:color .4s ease}
.logo-svg{display:block;width:100%;height:100%}
.logo-svg path{fill:currentColor}
.feather-svg{display:block}
.feather-svg path{stroke:currentColor}
.nav-links{display:flex;gap:40px;font-size:14px;color:#fff;transition:color .4s ease}
.nav-links a{opacity:.95;transition:opacity .2s}
.nav-links a:hover{opacity:.6}
.nav-right{display:flex;gap:8px;align-items:center}
.btn-cta{height:48px;padding:0 20px;border-radius:24px;background:#fff;color:var(--grey-90);font-weight:500;font-size:14px;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;transition:transform .25s ease, background .4s ease, color .4s ease}
.btn-cta:hover{transform:scale(1.04)}
.burger{display:none;width:48px;height:48px;border-radius:100px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{display:block;width:18px;height:1.5px;background:#fff;transition:background .4s}
/* light nav theme */
.nav.light{background:rgba(250,249,247,.75)}
.nav.light .logo{color:var(--amia-100)}
.nav.light .nav-links{color:var(--grey-80)}
.nav.light .btn-cta{background:var(--amia-100);color:#fff}
.nav.light .burger span{background:var(--grey-80)}

/* mobile menu */
.mobile-menu{position:fixed;inset:0;z-index:200;background:#fff;display:flex;flex-direction:column;padding:32px 24px;transform:translateY(-100%);transition:transform .5s cubic-bezier(.76,0,.24,1)}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu .close{align-self:flex-end;font-size:24px;color:var(--grey-80)}
.mobile-menu nav{margin-top:auto;display:flex;flex-direction:column;gap:20px;font-size:18px;color:var(--grey-50)}
.mobile-menu nav a:first-child{color:var(--grey-100)}
.mobile-menu .btn-cta{background:var(--amia-100);color:#fff;width:fit-content;margin:32px 0 auto}

/* ============ HERO ============ */
.hero{position:relative;height:100svh;min-height:680px;background:var(--grey-80);border-radius:0 0 40px 40px;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.hero-shade{position:absolute;inset:0;background:#14161a;opacity:0;pointer-events:none}
.hero-content{z-index:3;position:absolute;left:var(--pad);bottom:clamp(60px,10.8vh,207px);display:flex;flex-direction:column;gap:40px;color:#fff;max-width:661px}
.hero-content .h1 .line{display:block;overflow:hidden}
.hero-content .h1 .line>span{display:inline-block;transform:translateY(110%)}
.hero-sub{font-size:18px;line-height:1.6;letter-spacing:-.18px;opacity:0;color:#fff}
.hero-sub p{opacity:.8}
.hero-cta{display:flex;gap:20px;align-items:center;flex-wrap:wrap;opacity:0}
.btn-hero{height:52px;padding:0 26px;border-radius:26px;background:#fff;color:var(--grey-100);font-weight:500;font-size:15px;display:inline-flex;align-items:center;transition:transform .25s ease}
.btn-hero:hover{transform:scale(1.04)}
.link-hero{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:rgba(255,255,255,.85);transition:color .2s}
.link-hero:hover{color:#fff}
.link-hero svg{width:15px;height:15px}

/* ============ GENERIC SECTION ============ */
main.page{position:relative;z-index:2;background:#fff;border-radius:0 0 40px 40px;box-shadow:0 40px 80px rgba(28,30,35,.18)}
.split,.feature,.trust,.levels-wrap,.quote-wrap,.faq-wrap{background:#fff}
.section{position:relative}
.container{max-width:1440px;margin:0 auto;padding:0 clamp(20px,2vw,0px)}
.split{display:flex;align-items:center;justify-content:space-between;gap:clamp(40px,5vw,196px);padding:clamp(96px,10.4vw,200px) var(--pad)}
.diario-feature{background:linear-gradient(180deg,var(--grey-100) 0%,var(--grey-90) 100%);border-radius:80px 80px 0 0;padding:clamp(140px,15.6vw,300px) 0 0;overflow:hidden;color:#fff;position:relative;z-index:3;margin-top:-90px;box-shadow:0 -30px 80px rgba(28,30,35,.28)}
.diario-head{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center;max-width:654px;margin:0 auto;padding:0 24px}
.diario-head .tag{background:var(--grey-90);color:#fff}
.diario-head .p{color:var(--grey-60)}
/* O celular é ~30% menor que antes, sai cortado exatamente na base da seção
   (a seção não tem padding inferior) e os balões ficam ancorados nas bordas
   do aparelho: uma coluna alinhada à esquerda, outra à direita. */
.diario-phone-zone{position:relative;display:flex;justify-content:center;margin:clamp(56px,6vw,88px) auto 0;padding:0 24px}
.diario-phone-zone .phone-frame{position:relative;width:clamp(300px,32vw,620px);max-width:100%}
.diario-phone-zone .phone-stage{position:relative;display:block;width:100%;aspect-ratio:1000/1824;overflow:hidden;border-radius:0;filter:drop-shadow(0 40px 60px rgba(0,0,0,.35))}
.diario-phone-zone .phone-render{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none}
.diario-phone-zone .float-bubbles{overflow:visible}
.diario-phone-zone .fb{font-size:19px;padding:17px 22px;border-radius:26px;box-shadow:0 18px 36px rgba(0,0,0,.26)}
/* Posições copiadas do frame do Figma (New Site › 3553:1815), em % do palco */
.diario-phone-zone .fb-1{right:63%;top:43%}
.diario-phone-zone .fb-3{right:70%;top:57%}
.diario-phone-zone .fb-2{left:74%;top:48%}
.diario-phone-zone .fb-4{left:74%;top:62%}

@media(max-width:1100px){
  .diario-phone-zone .phone-frame{width:clamp(300px,40vw,620px)}
  .diario-phone-zone .fb-1{right:58%}
  .diario-phone-zone .fb-3{right:64%}
  .diario-phone-zone .fb-2,.diario-phone-zone .fb-4{left:68%}
}
@media(max-width:640px){
  .diario-phone-zone .phone-frame{width:min(300px,100%)}
  .diario-phone-zone .fb{font-size:15px;padding:13px 17px;border-radius:22px}
  .diario-phone-zone .fb-1,.diario-phone-zone .fb-3{right:auto;left:-6%}
  .diario-phone-zone .fb-2,.diario-phone-zone .fb-4{left:auto;right:-6%}
  .diario-phone-zone .fb-2{top:26%}
  .diario-phone-zone .fb-1{top:38%}
  .diario-phone-zone .fb-3{top:50%}
  .diario-phone-zone .fb-4{top:62%}
}
.split .text-col,.trust-row .text-col,.chatseq .stage .text-col,.cta .text-col{display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:clamp(360px,27.3vw,524px);max-width:100%;flex-shrink:0}
.split-aside{display:flex;flex-direction:column;gap:20px;max-width:480px}
.split:has(.split-aside){align-items:flex-start}
.media-card{width:clamp(430px,37.5vw,720px);max-width:100%;height:clamp(380px,36.4vw,700px);border-radius:24px;overflow:hidden;position:relative;flex-shrink:0}
.store-btns{display:flex;gap:8px}
.store-btn{display:flex;gap:10px;align-items:center;justify-content:center;background:var(--grey-100);color:#fff;font-size:14px;line-height:20px;padding:13px 22px;border-radius:10px;transition:transform .25s;white-space:nowrap}
.store-btn:hover{transform:translateY(-2px)}
.store-btn svg{width:14px;height:16px;flex-shrink:0;fill:#fff}

/* telescope */
.telescope-media{background:linear-gradient(135deg,#f5e6e2 0%,#f6f3f0 100%)}
.telescope-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}

/* ============ COMO FUNCIONA (sticky steps) ============ */
.how{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:0 var(--pad);background:#fff}
.how-left{position:sticky;top:0;padding:160px 0 200px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:clamp(360px,27.3vw,524px);max-width:100%}
.how-right{display:flex;flex-direction:column;gap:80px;padding:160px 0}
.step-card{background:var(--soft-mist);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:24px;width:clamp(430px,37.5vw,720px);max-width:100%}
.step-head{display:flex;gap:16px;align-items:center}
.step-num{width:48px;height:48px;border-radius:100px;background:var(--amia-100);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.step-title{font-size:20px;letter-spacing:-.2px;color:var(--grey-80)}
/* A composição das três cartas escala com a largura do card (unidades de contêiner),
   em vez de ficar em pixels fixos e se esmagar em telas pequenas. Base: 672x500. */
.step-media{container-type:inline-size;aspect-ratio:672/500;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(143deg,#f5e6e2 0%,#f3f0f6 55%,#f8f5e6 100%)}
.mini-card{position:absolute;top:50%;width:36.3cqw;aspect-ratio:244/328;border-radius:6cqw;overflow:hidden}
.mini-card.mc-l{left:8%;transform:translateY(-50%) rotate(-4deg);opacity:.35}
.mini-card.mc-r{left:auto;right:8%;transform:translateY(-50%) rotate(4deg);opacity:.35}
.mini-card.mc-c{left:50%;width:38.7cqw;transform:translate(-50%,-50%);z-index:2}
.mini-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mini-card .mini-copy{position:absolute;left:9%;right:9%;bottom:7%;display:flex;flex-direction:column;gap:2cqw;align-items:center;text-align:center}
.mini-copy p{font-size:max(8.5px,1.8cqw);line-height:1.45;color:#fff}
.mini-card.mc-c .mini-copy p{font-size:max(9.5px,1.95cqw)}
.mini-copy .pill{height:max(24px,5.2cqw);display:flex;align-items:center;padding:0 2.1cqw;border-radius:71px;border:.7px solid #fff;background:rgba(255,255,255,.15);color:#fff;font-size:max(8px,1.4cqw);font-weight:500;white-space:nowrap}
.bubble{background:#fff;border:1.3px solid rgba(255,255,255,.3);border-radius:29px;padding:23px;font-size:19px;line-height:1.55;letter-spacing:-.13px;color:var(--grey-80);max-width:405px}
.bubble.glass{background:linear-gradient(112deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.3) 100%);border-color:rgba(255,255,255,.5)}
.bubble-row{display:flex;gap:14px;align-items:flex-end}
.bubble-logo{width:58px;height:58px;flex-shrink:0;border-radius:29px;border:1.3px solid rgba(255,255,255,.5);background:linear-gradient(101deg,rgba(255,255,255,.8),rgba(255,255,255,.3));display:flex;align-items:center;justify-content:center}
.bubble-logo img{width:26px}
.step-media>img.full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}

/* ============ O QUE VOCÊ PODE TRAZER ============ */
.bring{background:#fff;padding:clamp(96px,10.4vw,200px) var(--pad) 160px;display:flex;flex-direction:column;gap:40px}
.bring-head{display:flex;flex-direction:column;gap:20px;max-width:600px}
.bring-row{display:flex;gap:clamp(16px,2vw,36px);overflow-x:auto;scrollbar-width:none;padding-bottom:8px;margin-right:calc(-1*var(--pad));padding-right:var(--pad);cursor:grab}
.bring-row:active{cursor:grabbing}
.bring-row::-webkit-scrollbar{display:none}
/* Card do tema: a arte ocupa o card inteiro (390x541 no Figma, raio 30) e a
   pergunta, em Alice, fica sobre a imagem, no canto inferior esquerdo. */
.bring-card{position:relative;width:clamp(280px,24vw,440px);aspect-ratio:390/541;flex-shrink:0;border-radius:clamp(26px,2.3vw,36px);overflow:hidden;background:var(--brown-10);display:flex;align-items:flex-end;isolation:isolate;container-type:inline-size}
.bring-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.bring-card:hover img{transform:scale(1.04)}
.bring-card h3{position:relative;font-family:var(--serif);font-weight:400;font-size:clamp(22px,7.7cqw,34px);line-height:1.2;letter-spacing:-.02em;color:#fff;padding:0 13cqw 10.2cqw 10.3cqw;text-shadow:0 1px 18px rgba(40,20,60,.18)}
.theme-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}
.theme-card{background:var(--brown-10);border-radius:24px;padding:12px;display:flex;flex-direction:column;gap:24px}
.theme-img{aspect-ratio:1.08/1;border-radius:14px;overflow:hidden;position:relative}
.theme-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.theme-info{display:flex;flex-direction:column;gap:8px;padding:0 8px 12px}
.badge{display:inline-flex;gap:4px;align-items:center;width:fit-content;padding:5px 9px;border-radius:100px;background:var(--amia-50);color:#8a4a36;font-size:12px;font-weight:500;line-height:1.8}
.badge.locked{background:var(--grey-20);color:var(--grey-60)}
.theme-info h5{font-size:20px;font-weight:400;letter-spacing:-.2px;color:var(--grey-100)}
.theme-info p{font-size:16px;line-height:1.5;color:var(--grey-70)}

/* ============ PENSA JUNTO (demo em 4 momentos) ============ */
.chatseq{background:#fff;padding:clamp(96px,10.4vw,200px) var(--pad)}
.chatseq .stage{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;gap:clamp(40px,5vw,196px)}
.chatseq .text-col{flex-shrink:0}
.demo-tabs{display:flex;flex-direction:column;width:100%;margin-top:8px}
.demo-tab{display:flex;gap:16px;align-items:flex-start;text-align:left;border:0;border-top:1px solid var(--grey-20);background:none;padding:16px 0;cursor:pointer;width:100%}
.demo-tab:last-child{border-bottom:1px solid var(--grey-20)}
.demo-tab .tab-num{font-family:var(--mono);font-size:12px;color:var(--grey-60);flex-shrink:0;padding-top:2px}
.demo-tab .tab-copy{display:flex;flex-direction:column;gap:4px}
.demo-tab strong{font-size:15px;font-weight:500;color:var(--grey-90);transition:color .25s ease}
.demo-tab small{font-size:13px;line-height:1.4;color:var(--grey-60)}
.demo-tab[aria-selected="true"]{border-top-color:var(--amia-100)}
.demo-tab[aria-selected="true"] strong{color:var(--amia-100)}
.demo-tab[aria-selected="true"] .tab-num{color:var(--amia-100)}
.demo-next{margin-top:24px;height:44px;padding:0 22px;border-radius:100px;border:1px solid var(--grey-20);background:#fff;color:var(--grey-90);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .25s ease}
.demo-next:hover{background:var(--brown-10)}
.chat-zone{width:clamp(430px,37.5vw,720px);max-width:100%;flex-shrink:0}
.demo-window{background:#fff;border:1px solid var(--grey-20);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(28,30,35,.08)}
.demo-header{padding:18px 24px;border-bottom:1px solid var(--grey-20);display:flex;align-items:center;justify-content:space-between;gap:12px}
.demo-header-logo{font-family:var(--serif);font-size:17px;color:var(--amia-100)}
.demo-header-lock{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--grey-60)}
.demo-panel{padding:64px 32px;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:300px}
.demo-panel[hidden]{display:none}
.dmsg{max-width:520px}
.dmsg.user{align-self:flex-end;background:var(--brown-10);border-radius:22px;padding:16px 24px;font-size:clamp(15px,.98vw,18px);letter-spacing:-.2px;line-height:1.55;color:var(--grey-100)}
.dmsg.amia{align-self:flex-start;background:#fff;border:1px solid var(--grey-20);border-radius:20px;padding:14px 20px;font-size:clamp(14px,.86vw,16px);line-height:1.55;color:var(--grey-80);box-shadow:0 8px 12px rgba(0,0,0,.04)}
.dmsg .speaker{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brown-60);margin-bottom:6px}
.note-panel{padding:48px 24px}
.note-final{position:relative;width:100%;background:#FBF7EC;border-radius:20px;padding:56px 32px 32px;box-shadow:0 20px 50px rgba(28,30,35,.08);clip-path:polygon(0 0,100% 0,100% 100%,32px 100%,0 calc(100% - 32px))}
.note-final .holes{position:absolute;top:16px;left:24px;right:24px;display:flex;justify-content:space-between}
.note-final .holes i{width:14px;height:14px;border-radius:50%;background:#fff}
.note-final small{display:block;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brown-60);margin-bottom:10px}
.note-final h4{font-family:var(--serif);font-weight:400;font-size:clamp(20px,1.5vw,24px);letter-spacing:-.5px;color:var(--grey-100);margin-bottom:16px}
.note-final p{font-size:15px;line-height:1.6;color:var(--grey-80);margin-bottom:14px}
.note-final p:last-of-type{margin-bottom:0}
.note-final .fold{position:absolute;left:0;bottom:0;width:32px;height:32px;background:linear-gradient(45deg,transparent 49%,#E4DCC6 50%)}

/* ============ NOTAS SOBRE MIM ============ */
.notes-banner{background:linear-gradient(180deg,var(--amia-100) 0%,var(--amia-100) 55%,var(--soft-mist) 98%);padding:clamp(160px,16vw,300px) 24px clamp(300px,25vw,500px);text-align:center;position:relative}
.notes-banner .h3{color:var(--amia-50)}
.notes-banner .h3 strong{color:#fff;font-weight:400}
.notes-banner .h3 .w{display:inline-block}
.nb-img{perspective:800px}
.nb-img img{will-change:transform}

/* ============ CADERNOS ============ */
.notebooks{background:var(--soft-mist);padding:160px var(--pad);display:flex;flex-direction:column;gap:100px}
.nb-head{display:flex;flex-direction:column;gap:24px;max-width:680px;align-self:center;align-items:center;text-align:center}
.nb-head h2{font-size:clamp(38px,2.9vw,56px)}
.nb-row{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px;margin-right:calc(-1*var(--pad));padding-right:var(--pad);cursor:grab}
.nb-row:active{cursor:grabbing}
.nb-row::-webkit-scrollbar{display:none}
.nb-card{width:clamp(320px,28.6vw,550px);flex-shrink:0;display:flex;flex-direction:column;gap:24px}
.nb-img{background:var(--brown-20);height:clamp(320px,28.6vw,549px);border-radius:24px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}
.nb-img img{width:54%;margin-top:13%;border-radius:8%/4%}
.nb-card p{padding:0 24px;font-size:16px;line-height:1.5;color:var(--grey-70)}
.nb-nav{display:flex;gap:16px;align-self:flex-end}
.nb-btn{width:40px;height:40px;border-radius:100px;display:flex;align-items:center;justify-content:center;background:var(--grey-90);transition:opacity .2s}
.nb-btn.prev{background:var(--brown-20)}
.nb-btn svg{width:18px;height:18px}
.nb-btn.prev svg{opacity:.25;transform:rotate(180deg)}

/* ============ FEATURE ROWS (diário / lembra / organiza) ============ */
.feature{border-top:1px solid var(--grey-20)}
.feature .split{padding-top:clamp(80px,7.8vw,150px);padding-bottom:clamp(80px,7.8vw,150px)}
.feature .p strong{color:var(--grey-100)}
.phone-stage{display:flex;align-items:flex-end;justify-content:center}
.iphone{position:relative;width:clamp(240px,18vw,340px);aspect-ratio:408/841;border-radius:14% / 7%;background:#0c0c0d;box-shadow:0 0 0 3px #c9c4b2, 0 0 0 4px rgba(82,75,64,.7), 0 30px 60px rgba(0,0,0,.18);overflow:hidden;padding:2.4%}
.iphone .screen{position:relative;width:100%;height:100%;border-radius:12% / 6%;overflow:hidden;background:var(--brown-10)}
.iphone .island{position:absolute;top:3%;left:50%;transform:translateX(-50%);width:27%;height:3.6%;background:#000;border-radius:100px;z-index:5}
.screen-purple{position:absolute;inset:0;display:flex;flex-direction:column}
.screen-purple .img-zone{position:relative;flex:1;background:#7d6f96;overflow:hidden}
.screen-purple .img-zone>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:135%;width:auto;max-width:none;opacity:.9}
.screen-purple .q{position:absolute;left:10%;right:10%;bottom:10%;color:#fff;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.screen-purple .q .lvl{font-size:10px;border:1px solid rgba(255,255,255,.25);padding:3px 7px;border-radius:6px;opacity:.85}
.screen-purple .q h6{font-family:var(--serif);font-weight:400;font-size:clamp(15px,1.4vw,21px);letter-spacing:-.4px;line-height:1.25}
.screen-input{background:#fff;border-radius:17px 17px 0 0;padding:12px 12px 8px;display:flex;flex-direction:column;gap:10px}
.screen-input .ph{font-size:11px;opacity:.35;color:var(--grey-80);padding:4px 6px}
.screen-input .acts{display:flex;justify-content:space-between}
.screen-input .mic{width:30px;height:30px;border-radius:50%;background:var(--brown-10);display:flex;align-items:center;justify-content:center}
.screen-input .mic img{width:11px}
.screen-kb img{width:100%}
.float-bubbles{position:absolute;inset:0;pointer-events:none}
.float-bubbles span{position:absolute;background:#fff;border:1px solid #e9e9ec;border-radius:21px;padding:14px 17px;font-size:13.8px;color:var(--grey-80);box-shadow:0 12px 13px rgba(0,0,0,.05);white-space:nowrap}
.lembra-media{background:linear-gradient(135deg,#f5e6e2,#f6f3f0)}
.lembra-media .phone-stage{position:absolute;inset:0}
.lembra-media .phone-render{position:absolute;left:50%;top:6%;transform:translateX(-50%);height:100%;width:auto;max-width:none}
.chat-screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--brown-10)}
.chat-screen .msgs{flex:1;display:flex;flex-direction:column;gap:18px;padding:24% 16px 16px;font-size:13px;line-height:1.45;color:var(--grey-100)}
.chat-screen .msgs .them{max-width:88%}
.chat-screen .msgs .me{align-self:flex-end;background:#fff;border-radius:14px;padding:7px 11px;max-width:78%}

/* ============ NÍVEIS ============ */
.levels-wrap{padding:24px}
.levels{background:var(--soft-mist);border-radius:40px;position:relative;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:120px clamp(24px,11.2vw,216px);min-height:100vh}
.levels-left{display:flex;flex-direction:column;gap:24px;align-items:flex-start;max-width:524px}
.levels-left .tag{background:#fff}
.levels-right{position:relative;width:clamp(430px,37.5vw,720px);max-width:none;height:586px}
.level-card{position:absolute;left:0;right:0;height:340px;background:#fff;border:1px solid var(--brown-20);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:24px;box-shadow:0 -12px 30px rgba(28,30,35,.05);will-change:transform}
.level-card:nth-child(1){top:0}
.level-card:nth-child(2){top:82px}
.level-card:nth-child(3){top:164px}
.level-card:nth-child(4){top:246px}
.level-card .badge{background:var(--brown-20);color:var(--grey-80)}

/* ============ TRUST ROWS ============ */
.trust{display:flex;flex-direction:column;gap:clamp(100px,9.4vw,180px);padding:clamp(100px,10.4vw,200px) var(--pad)}
.trust-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(40px,5vw,196px)}
.trust-row .media-card{background:var(--grey-100)}
.trust-row .media-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.notIs{height:56px;max-width:100%;overflow:hidden;display:flex;gap:18px;flex-wrap:nowrap;font-family:var(--serif);font-size:clamp(34px,2.5vw,48px);letter-spacing:-2px;line-height:56px;white-space:nowrap}
.notIs .roller{display:flex;flex-direction:column}
.notIs .roller span{height:56px;color:var(--brown-80);text-decoration:line-through}

/* ============ QUOTE ============ */
.quote-wrap{padding:24px}
.quote{background:var(--ink);border-radius:40px;display:flex;flex-direction:column;gap:88px;align-items:center;justify-content:center;padding:clamp(100px,10vw,180px) 24px}
.quote-inner{display:flex;flex-direction:column;gap:80px;align-items:center;max-width:916px;text-align:center}
.quote-inner .qi{display:block}
.quote-dots-css{display:flex;gap:10px;align-items:center}
.quote-dots-css i{width:7px;height:7px;border-radius:50%;background:var(--brown-60);opacity:.5;cursor:pointer;transition:all .3s}
.quote-dots-css i.on{background:var(--grey-90);opacity:1;transform:scale(1.3)}
.quote-inner blockquote{font-size:clamp(24px,1.9vw,36px);letter-spacing:-1px;min-height:5em;display:flex;align-items:center;justify-content:center}
.amia-mark{display:block;width:26px;height:23px;color:var(--amia-100)}
.amia-mark svg{display:block;width:100%;height:100%}
.amia-mark path{fill:currentColor}
.feather-mask{display:block;color:#fff}
.feather-mask svg{display:block;width:100%;height:100%}
.feather-mask path{stroke:currentColor;fill:none}
.quote-author{display:flex;flex-direction:column;gap:4px}
.quote-author b{font-weight:400;font-size:16px;color:var(--grey-90)}
.quote-author span{font-size:14px;color:var(--grey-70)}
.quote-dots{width:42px}
/* Depoimentos sobre azul escuro */
.quote-inner blockquote{color:#fff}
.quote-inner .qi{color:var(--brown-60)}
.quote-author b{color:#fff}
.quote-author span{color:var(--grey-50)}
.quote-dots-css i{background:rgba(255,255,255,.45);opacity:1}
.quote-dots-css i.on{background:#fff;transform:scale(1.3)}


/* ============ NEWS ============ */
.news{display:flex;flex-direction:column;gap:64px;align-items:center;padding:clamp(100px,10.4vw,200px) var(--pad)}
.news-grid{display:flex;gap:40px;width:100%;align-items:flex-start}
.news-item{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}
.news-img{background:var(--grey-20b);border-radius:24px;overflow:hidden}
.news-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.news-item:hover .news-img img{transform:scale(1.04)}
.news-item h6{font-weight:400;font-size:18px;line-height:1.6;letter-spacing:-.18px;color:var(--grey-80)}
.news-item small{font-size:14px;line-height:20px;color:var(--grey-60)}
.btn-outline{height:48px;padding:0 24px;border-radius:24px;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;font-size:16px;font-weight:500;color:var(--grey-80);transition:background .25s}
.btn-outline:hover{background:var(--brown-10)}

/* ============ FAQ ============ */
.faq-wrap{padding:24px}
.faq{background:var(--soft-mist);border-radius:40px;display:flex;justify-content:space-between;gap:40px;padding:0 clamp(24px,11.2vw,216px)}
.faq-left{position:sticky;top:0;align-self:flex-start;padding:150px 0 300px;display:flex;flex-direction:column;gap:32px;align-items:flex-start}
.faq-left .tag{background:var(--brown-30)}
.faq-right{width:clamp(430px,37.5vw,720px);padding:220px 0 200px;display:flex;flex-direction:column;gap:40px;align-items:flex-end}
.faq-list{width:100%}
.faq-item{border-bottom:1px solid var(--brown-30)}
.faq-q{width:100%;display:flex;gap:40px;align-items:center;justify-content:space-between;padding:32px 0;text-align:left;font-size:20px;letter-spacing:-.2px;line-height:1.6;color:var(--grey-90)}
.faq-q .ic{position:relative;width:24px;height:24px;flex-shrink:0}
.faq-q .ic::before,.faq-q .ic::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--grey-90);transition:transform .3s}
.faq-q .ic::before{width:14px;height:1.5px}
.faq-q .ic::after{width:1.5px;height:14px}
.faq-item.open .ic::after{transform:translate(-50%,-50%) scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.65,0,.35,1)}
.faq-a p{padding:0 0 40px;font-size:18px;line-height:1.6;letter-spacing:-.18px;color:var(--grey-70);max-width:96%}

/* ============ CTA ============ */
.cta{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:clamp(40px,5vw,196px);padding:clamp(100px,8.3vw,160px) var(--pad);position:relative;z-index:2;border-radius:0 0 40px 40px;box-shadow:0 40px 80px rgba(28,30,35,.18)}
.cta .text-col{display:flex;flex-direction:column;align-items:flex-start}
.cta-media{background:linear-gradient(135deg,#ece0e2,#f8eee6)}
.cta-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none}

/* ============ FOOTER ============ */
footer{background:var(--grey-100);color:#fff;padding:0 var(--pad) 80px;position:sticky;bottom:0;z-index:1;overflow:hidden}
.footer-in{will-change:transform}
.footer-logo{display:block;width:130px;height:39px;color:#fff;margin:160px 0 16px}
.footer-logo .logo-svg{fill:#fff}
.footer-company{margin-bottom:56px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.58)}
.footer-company a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:4px;transition:opacity .2s,text-decoration-color .2s}
.footer-company a:hover{opacity:.72;text-decoration-color:rgba(255,255,255,.7)}
.footer-grid{display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap;padding-bottom:56px}
.newsletter{display:flex;flex-direction:column;gap:24px;width:340px}
.newsletter p{font-size:18px;line-height:1.6;letter-spacing:-.18px;opacity:.8}
.newsletter form{position:relative}
.newsletter input{width:100%;height:64px;background:transparent;border:1px solid var(--grey-80);border-radius:12px;color:#fff;font-family:inherit;font-size:14px;padding:0 60px 0 20px;outline:none;transition:border-color .3s}
.newsletter input:focus{border-color:var(--grey-60)}
.newsletter button{position:absolute;right:8px;top:8px;width:48px;height:48px;border-radius:100px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s}
.newsletter button:hover{opacity:1}
.newsletter button img{width:16px}
.footer-cols{display:flex;gap:0;flex:1;max-width:785px;font-size:14px;line-height:20px}
.footer-cols .col{flex:1;display:flex;flex-direction:column;gap:12px}
.footer-cols .col span{opacity:.5}
.footer-cols .col a{opacity:.9;transition:opacity .2s}
.footer-cols .col a:hover{opacity:.5}
.footer-bottom{border-top:1px solid var(--grey-90);padding-top:38px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.footer-bottom small{font-size:14px;opacity:.5}
.lang{display:flex;gap:24px;align-items:center;border:1px solid var(--grey-80);border-radius:12px;height:48px;padding:0 16px;font-size:14px;font-weight:300}
.lang .g{opacity:.6;display:flex;gap:8px;align-items:center}
.lang img{width:16px;opacity:.6}

/* reveal helper */
.reveal{opacity:0;transform:translateY(40px)}

/* ============ RESPONSIVE ============ */
@media(max-width:1100px){
  .nav-links{display:none}
  .burger{display:flex}
  .split,.trust-row,.cta{flex-direction:column;align-items:flex-start}
  .split .text-col,.trust-row .text-col,.chatseq .stage .text-col,.cta .text-col,.how-left,.step-card,.chat-zone,.levels-right,.faq-right{width:100%}
  .chatseq .stage{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:24px}
  .chat-zone{width:100%}
  .media-card,.talk{width:100%}
  .how{flex-direction:column}
  .how-left{position:static;padding:100px 0 0}
  .how-right{padding:48px 0 100px}
  .theme-list{grid-template-columns:repeat(2,1fr)}
  .news-grid{flex-wrap:wrap}
  .news-item{flex:1 1 40%}
  .levels,.faq{flex-direction:column;padding-left:24px;padding-right:24px}
  .levels-left,.faq-left{position:static;padding:80px 0 0}
  .levels-right,.faq-right{max-width:100%;width:100%;padding:48px 0 80px}
  .levels-right{height:auto}
  .level-card{position:static;height:auto;margin-bottom:24px}
  .footer-cols{flex-wrap:wrap;gap:32px}
  .footer-cols .col{flex:1 1 38%}
}
@media(max-width:640px){
  :root{--pad:20px}
  .hero{min-height:560px}
  .hero-content{gap:24px;right:20px}
  .theme-list{grid-template-columns:1fr}
  .news-item{flex:1 1 100%}
  .notes-circle{width:240px;height:240px}
  .notes-circle img{width:56px}
  .notes-banner{margin-top:-64px}
  .notIs{font-size:30px}
  .bring-card{width:260px}
  .quote-inner{gap:40px}
  .faq-q{font-size:17px;gap:16px}
}

/* ============ AUTOCONHECIMENTO ============ */
.ac-page .cta{border-radius:0;box-shadow:none}
.ac-hero{padding:clamp(150px,16.8vw,324px) var(--pad) 0;display:flex;flex-direction:column;gap:clamp(48px,5vw,96px);align-items:center;background:#fff}
.ac-hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(32px,4vw,80px);width:100%;max-width:1440px;flex-wrap:nowrap}
.ac-hero-top>div:first-child{flex:1 1 auto;min-width:0}
.ac-hero-top .h1{max-width:655px;font-size:clamp(36px,3.4vw,60px)}
.ac-hero-top .h1 .soft{color:#948e84}
.ac-hero-lead{flex:0 1 clamp(300px,28vw,400px);font-size:clamp(17px,1.04vw,20px);line-height:1.6;letter-spacing:-.2px;color:var(--grey-80)}
.ac-hero-img{align-self:stretch;margin-inline:calc(clamp(16px,2vw,44px) - var(--pad));height:clamp(420px,46.8vw,900px);border-radius:24px;overflow:hidden;background:var(--soft-mist)}
.ac-hero-img img{width:100%;height:100%;object-fit:cover}

.ac-stats-sec{padding:clamp(96px,8.3vw,160px) var(--pad);display:flex;flex-direction:column;gap:clamp(64px,7.3vw,140px);background:#fff}
.ac-stats-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:785px}
.ac-stats-grid{display:flex;gap:clamp(32px,3.3vw,64px);flex-wrap:wrap}
.ac-stat{flex:1;min-width:240px;border-top:3px solid var(--grey-100);padding-top:40px;display:flex;flex-direction:column;gap:16px}
.ac-stat .num{font-family:var(--serif);font-size:clamp(38px,2.5vw,48px);letter-spacing:-2px;line-height:1.2;color:var(--grey-100)}
.ac-stat .lbl{font-size:clamp(17px,1.04vw,20px);line-height:1.6;letter-spacing:-.2px;color:var(--grey-100)}
.ac-stat .src{font-size:14px;line-height:1.5;color:var(--grey-60)}

.ac-cloud{position:relative;padding:clamp(120px,12vw,200px) var(--pad);background:#fff;overflow:hidden;display:flex;justify-content:center}
.ac-cloud .center{max-width:653px;text-align:center;display:flex;flex-direction:column;gap:clamp(48px,5vw,80px);align-items:center;position:relative;z-index:2}
.ac-cloud .center .h3{font-family:var(--serif);font-size:clamp(34px,2.5vw,48px);letter-spacing:-2px;line-height:1.2;color:var(--grey-100)}
.ac-cloud .center .body{display:flex;flex-direction:column;gap:24px;font-size:clamp(17px,1.04vw,20px);line-height:1.6;letter-spacing:-.2px;color:var(--grey-70)}
.ac-cloud .floaties{position:absolute;inset:0;pointer-events:none;z-index:1}
.ac-cloud .floaties img{position:absolute;border-radius:24px;object-fit:cover;will-change:transform}
@media(max-width:900px){.ac-cloud .floaties{opacity:.35}}

.ac-checklist{padding:24px}
.ac-checklist-in{background:var(--soft-mist);border-radius:40px;padding:clamp(64px,8.3vw,160px) clamp(24px,11.2vw,216px);display:flex;flex-direction:column;gap:64px}
.ac-checklist-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:785px}
.ac-check-cols{display:flex;gap:24px;flex-wrap:wrap}
.ac-check-card{flex:1;min-width:300px;background:#fff;border-radius:24px;padding:clamp(32px,3.6vw,48px) clamp(28px,4vw,56px);display:flex;flex-direction:column;gap:40px}
.ac-check-card>.tag{align-self:flex-start}
.ac-check-list{display:flex;flex-direction:column}
.ac-check-row{display:flex;gap:12px;align-items:center;padding:14px 0;font-size:clamp(16px,1.05vw,18px);line-height:1.6;letter-spacing:-.18px;color:var(--grey-80)}
.ac-check-row+.ac-check-row{border-top:1px solid var(--grey-20)}
.ac-check-row svg{width:20px;height:20px;flex-shrink:0}
.ac-check-row.yes svg{stroke:var(--amia-100)}
.ac-check-row.no svg{stroke:var(--grey-60)}

.ac-table-sec{padding:clamp(96px,8.3vw,160px) var(--pad);display:flex;flex-direction:column;gap:clamp(48px,5.5vw,80px);background:#fff}
.ac-table-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:785px}
.ac-table{width:100%;border-collapse:collapse}
.ac-table th,.ac-table td{padding:18px 8px;text-align:center}
.ac-table th{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--grey-80)}
.ac-table th:first-child,.ac-table td:first-child{text-align:left;width:280px}
.ac-table td:first-child{font-size:clamp(16px,1.05vw,18px);letter-spacing:-.18px;color:var(--grey-70)}
.ac-table .amia-col{position:relative}
.ac-table tr,.ac-table tbody tr{border-bottom:1px solid var(--grey-20)}
.ac-table tbody tr:last-child{border-bottom:none}
.ac-cell svg{width:20px;height:20px}
.ac-cell.yes svg{stroke:var(--amia-100)}
.ac-cell.no{opacity:.25}
.ac-cell.no svg{stroke:var(--grey-60)}
.ac-table th:last-child,.ac-table td:last-child{background:rgba(212,122,106,.05)}

.ac-note{border-top:1px solid var(--grey-20);padding:clamp(60px,6vw,100px) var(--pad)}
.ac-note-in{background:radial-gradient(95% 130% at 10% 55%,rgba(248,218,203,.6),rgba(248,218,203,0) 52%),var(--soft-mist);border-radius:24px;padding:clamp(40px,5.5vw,80px);display:flex;gap:clamp(40px,5vw,80px);justify-content:space-between;flex-wrap:wrap}
.ac-note-in h4{font-family:var(--serif);font-size:clamp(26px,2.2vw,32px);letter-spacing:-1px;line-height:1.3;color:var(--grey-100);flex:1;min-width:260px}
.ac-note-in .body{flex:1.2;min-width:320px;display:flex;flex-direction:column;gap:24px;font-size:clamp(17px,1.04vw,20px);line-height:1.6;letter-spacing:-.2px;color:var(--grey-80)}
@media(max-width:900px){
  .ac-table-wrap{overflow-x:auto}
  .ac-table{min-width:680px}
}

/* ===== Autoconhecimento — responsivo ===== */
@media(max-width:1100px){
  .ac-hero-top{flex-direction:column;align-items:flex-start;gap:24px}
  .ac-hero-lead{flex:none;width:100%;max-width:100%}
  .ac-stats-grid{flex-direction:column;gap:40px}
  .ac-stat{min-width:0;width:100%}
  .ac-check-cols{flex-direction:column}
  .ac-check-card{min-width:0;width:100%}
  .ac-note-in{flex-direction:column;gap:24px}
}
@media(max-width:640px){
  .ac-cloud{padding:80px var(--pad)}
  .ac-cloud .floaties{display:none}
  .ac-checklist{padding:12px}
  .ac-checklist-in{border-radius:28px}
}

/* ============ COMO USAR ============ */
/* hero — mesmo molde da autoconhecimento */
.cu-hero{padding:clamp(150px,16.8vw,324px) var(--pad) 0;display:flex;flex-direction:column;gap:clamp(48px,5vw,96px);align-items:center;background:#fff}
.cu-hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(32px,4vw,80px);width:100%;max-width:1440px;flex-wrap:nowrap}
.cu-hero-top>div:first-child{flex:1 1 auto;min-width:0}
.cu-hero-top .h1{max-width:655px;font-size:clamp(36px,3.75vw,72px)}
.cu-hero-lead{flex:0 1 clamp(300px,30.6vw,588px);font-size:clamp(17px,1.04vw,20px);line-height:1.6;letter-spacing:-.2px;color:var(--grey-80)}
.cu-hero-img{align-self:stretch;margin-inline:calc(clamp(16px,2vw,44px) - var(--pad));height:clamp(420px,46.8vw,900px);border-radius:24px;overflow:hidden;background:var(--soft-mist)}
.cu-hero-img img{width:100%;height:100%;object-fit:cover}

/* a mentalidade certa — duas colunas */
.cu-mind{padding:clamp(96px,8.3vw,160px) var(--pad);display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(40px,5vw,120px);background:#fff}
.cu-mind-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex:0 1 589px;min-width:0}
.cu-mind-body{flex:0 1 720px;display:flex;flex-direction:column;gap:40px;padding-top:clamp(0px,9.4vw,180px)}
.cu-mind-p{font-size:clamp(19px,1.25vw,24px);line-height:1.66;letter-spacing:-.24px;color:var(--grey-70)}
.cu-quote{background:var(--soft-mist);border-radius:16px;padding:clamp(32px,2.9vw,56px)}
.cu-quote p{font-family:var(--sans);font-weight:700;font-size:clamp(19px,1.25vw,24px);line-height:1.66;letter-spacing:-.24px;color:var(--grey-100)}

/* o ritual — sticky left + cards de passos */
.cu-ritual{padding:24px}
.cu-ritual-in{background:var(--soft-mist);border-radius:40px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(40px,5vw,127px);padding:0 clamp(24px,11.2vw,216px)}
.cu-ritual-left{position:sticky;top:0;align-self:flex-start;width:589px;max-width:100%;display:flex;flex-direction:column;gap:24px;align-items:flex-start;padding:clamp(64px,8.3vw,160px) 0}
.cu-ritual-right{width:720px;max-width:100%;display:flex;flex-direction:column;gap:24px;padding:clamp(64px,8.3vw,160px) 0;padding-top:clamp(80px,24.4vw,469px)}
.cu-step{background:#fff;border:1px solid var(--brown-20);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.cu-step-num{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:100px;background:var(--brown-10);font-family:var(--sans);font-weight:500;font-size:12px;line-height:1.8;color:var(--grey-80)}
.cu-step-text{display:flex;flex-direction:column;gap:8px}
.cu-step-text .h4{color:var(--grey-80)}
.cu-step-when{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:100px;border:1px solid var(--brown-20);font-family:var(--sans);font-weight:500;font-size:12px;line-height:1.8;color:var(--grey-80)}
.cu-ritual-store{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding-top:24px}
.cu-ritual-store small{font-size:14px;line-height:20px;color:var(--grey-70)}

/* o ritmo que funciona — agenda semanal */
.cu-rhythm{padding:clamp(96px,8.3vw,160px) var(--pad);display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(40px,5vw,120px);background:#fff}
.cu-rhythm-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex:0 1 589px;min-width:0}
.cu-week{flex:0 1 720px;display:flex;flex-direction:column;gap:12px}
.cu-day{background:var(--soft-mist);border-radius:24px;padding:24px 16px;display:flex;gap:16px;align-items:center;min-height:80px}
.cu-day-pill{flex-shrink:0;width:80px;display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:100px;background:var(--brown-20);font-family:var(--sans);font-weight:500;font-size:12px;line-height:1.8;color:var(--grey-80)}
.cu-day-act{flex:1;display:flex;gap:8px;align-items:center;justify-content:center;font-size:clamp(16px,1.05vw,18px);letter-spacing:-.18px;color:var(--grey-80)}
.cu-day-act.dim{color:var(--grey-50)}
.cu-day-icons{display:inline-flex;align-items:center}
.cu-ic{width:32px;height:32px;border-radius:100px;background:var(--amia-100);border:1px solid var(--brown-10);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cu-ic+.cu-ic{margin-left:-6px}
.cu-ic svg{width:16px;height:16px;stroke:#fff}

/* ===== Como usar — responsivo ===== */
@media(max-width:1100px){
  .cu-hero-top{flex-direction:column;align-items:flex-start;gap:24px}
  .cu-hero-lead{flex:none;width:100%;max-width:100%}
  .cu-mind,.cu-rhythm{flex-direction:column;gap:40px}
  .cu-mind-head,.cu-mind-body,.cu-rhythm-head,.cu-week{flex:none;width:100%;max-width:100%}
  .cu-mind-body{padding-top:0}
  .cu-ritual-in{flex-direction:column;padding-left:24px;padding-right:24px}
  .cu-ritual-left{position:static;width:100%;padding:80px 0 0}
  .cu-ritual-right{width:100%;padding:48px 0 80px}
}
@media(max-width:640px){
  .cu-ritual{padding:12px}
  .cu-ritual-in{border-radius:28px}
  .cu-step{padding:24px}
  .cu-day{flex-wrap:wrap;gap:12px}
  .cu-day-act{justify-content:flex-start;flex:1 1 100%}
}

/* ============ MANIFESTO ============ */
/* hero — mesmo molde da autoconhecimento / como usar */
.mf-hero{padding:clamp(150px,16.8vw,324px) var(--pad) 0;display:flex;flex-direction:column;gap:clamp(48px,5vw,96px);align-items:center;background:#fff}
.mf-hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(32px,4vw,80px);width:100%;max-width:1440px;flex-wrap:nowrap}
.mf-hero-top>div:first-child{flex:1 1 auto;min-width:0}
.mf-hero-top .h1{max-width:655px;font-size:clamp(36px,3.75vw,72px)}
.mf-hero-lead{flex:0 1 clamp(300px,30.6vw,588px);font-size:clamp(17px,1.04vw,20px);line-height:1.6;letter-spacing:-.2px;color:var(--grey-80)}
.mf-hero-img{align-self:stretch;margin-inline:calc(clamp(16px,2vw,44px) - var(--pad));height:clamp(420px,46.8vw,900px);border-radius:24px;overflow:hidden;background:var(--soft-mist)}
.mf-hero-img img{width:100%;height:100%;object-fit:cover}

/* duas colunas: título à esquerda / texto à direita (espelho errado, não construímos) */
.mf-split{padding:clamp(96px,8.3vw,160px) var(--pad);display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(40px,5vw,131px);background:#fff}
.mf-split-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex:0 1 589px;min-width:0}
.mf-split-body{flex:0 1 720px;display:flex;flex-direction:column;gap:24px}
.mf-p{font-size:clamp(19px,1.25vw,24px);line-height:1.66;letter-spacing:-.24px;color:var(--grey-70)}

/* dois cards: imagem + citação serifada com marca d'água */
.mf-cards{padding:0 var(--pad) clamp(96px,8.3vw,160px);display:flex;gap:24px;align-items:stretch;background:#fff}
.mf-card-img{flex:1 1 0;min-width:0;height:clamp(420px,36.4vw,700px);border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f5e6e2 0%,#f6f3f0 100%)}
.mf-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mf-card-quote{flex:1 1 0;min-width:0;height:clamp(420px,36.4vw,700px);border-radius:24px;overflow:hidden;position:relative;background:var(--soft-mist);display:flex;align-items:center;justify-content:center;padding:clamp(40px,7.8vw,151px)}
.mf-card-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62%;max-width:none;opacity:1;pointer-events:none}
.mf-card-quote p{position:relative;z-index:1;font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.5vw,48px);letter-spacing:-2px;line-height:1.2;color:var(--grey-100);text-align:center}

/* o método — caixa soft-mist, duas colunas */
.mf-method{padding:24px}
.mf-method-in{background:var(--soft-mist);border-radius:40px;padding:clamp(64px,8.3vw,160px) clamp(24px,11.2vw,216px);display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(40px,5vw,131px)}
.mf-method-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex:0 1 589px;min-width:0}
.mf-method-body{flex:0 1 720px;display:flex;flex-direction:column;gap:24px;padding-top:clamp(0px,3.3vw,64px)}

/* não construímos um app de bem-estar — duas colunas + dispositivo full-width */
.mf-practice{padding:clamp(96px,8.3vw,160px) var(--pad);display:flex;flex-direction:column;gap:clamp(64px,7.3vw,140px);background:#fff}
.mf-practice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(40px,5vw,131px)}
.mf-practice-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex:0 1 589px;min-width:0}
.mf-practice-body{flex:0 1 720px;display:flex;flex-direction:column;gap:40px;padding-top:clamp(0px,3.3vw,64px)}
.mf-pull{background:linear-gradient(165deg,#eff5f2 0%,var(--soft-mist) 100%);border-radius:16px;padding:clamp(32px,2.9vw,56px)}
.mf-pull p{font-family:var(--sans);font-weight:700;font-size:clamp(19px,1.25vw,24px);line-height:1.66;letter-spacing:-.24px;color:var(--grey-100)}
.mf-device{width:100%;height:clamp(420px,46.8vw,900px);border-radius:24px;overflow:hidden;position:relative;background:var(--soft-mist)}
.mf-device img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}

/* ===== Manifesto — responsivo ===== */
@media(max-width:1100px){
  .mf-hero-top{flex-direction:column;align-items:flex-start;gap:24px}
  .mf-hero-lead{flex:none;width:100%;max-width:100%}
  .mf-split,.mf-method-in,.mf-practice-top{flex-direction:column;gap:40px}
  .mf-split-head,.mf-split-body,.mf-method-head,.mf-method-body,.mf-practice-head,.mf-practice-body{flex:none;width:100%;max-width:100%}
  .mf-method-body,.mf-practice-body{padding-top:0}
  .mf-cards{flex-direction:column}
  .mf-card-img,.mf-card-quote{height:clamp(360px,60vw,520px)}
  .mf-card-mark{width:54%}
}
@media(max-width:640px){
  .mf-method{padding:12px}
  .mf-method-in{border-radius:28px}
  .mf-card-img,.mf-card-quote{height:340px}
  .mf-card-quote{padding:32px}
  .mf-device{height:clamp(280px,70vw,360px)}
}

/* ============ FAQ (página) ============ */
/* hero — fundo soft-mist, alinhado ao --pad como os outros heroes */
.fq-hero{background:var(--soft-mist);padding:clamp(150px,16.8vw,324px) var(--pad) clamp(64px,4.2vw,80px)}
.fq-hero-in{max-width:1440px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.fq-hero-in .h1{max-width:655px;font-size:clamp(36px,3.75vw,72px)}

/* corpo — aside sticky de categorias + módulo de grupos */
.fq-main{background:#fff;padding:clamp(64px,7.8vw,150px) var(--pad) clamp(80px,10.4vw,200px)}
.fq-main-in{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(48px,9.5vw,183px)}
.fq-aside{flex:0 0 262px;max-width:262px;align-self:stretch}
.fq-aside-sticky{position:sticky;top:96px;display:flex;flex-direction:column;gap:24px;align-items:stretch}
.fq-cat-label{padding-left:24px;font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:-.13px;text-transform:uppercase;color:var(--grey-50)}
.fq-cats{display:flex;flex-direction:column}
.fq-cat{display:flex;align-items:center;height:56px;padding:0 24px;border-radius:8px;font-size:18px;letter-spacing:-.18px;line-height:1.6;color:var(--grey-70);transition:background .25s,color .25s}
.fq-cat:hover{color:var(--grey-90)}
.fq-cat.is-active{background:var(--brown-10);border-radius:40px;font-weight:700;color:var(--grey-100)}

.fq-module{flex:0 1 851px;min-width:0;display:flex;flex-direction:column;gap:clamp(64px,5vw,96px)}
.fq-group{display:flex;flex-direction:column;scroll-margin-top:110px}
.fq-group-title{display:flex;align-items:center;min-height:40px;font-family:var(--sans);font-weight:700;font-size:20px;letter-spacing:-.2px;line-height:1.6;color:var(--grey-100)}
.fq-group-head{display:flex;flex-direction:column;gap:8px;padding-bottom:0}
.fq-group-sub{font-size:18px;line-height:1.6;letter-spacing:-.18px;color:var(--grey-60)}
.fq-list{display:flex;flex-direction:column;margin-top:0}
.fq-item{border-bottom:1px solid var(--grey-20)}
.fq-q{width:100%;display:flex;gap:40px;align-items:center;justify-content:space-between;padding:24px 0;text-align:left;font-size:20px;letter-spacing:-.2px;line-height:1.6;color:var(--grey-80)}
.fq-q .ic{position:relative;width:24px;height:24px;flex-shrink:0}
.fq-q .ic::before,.fq-q .ic::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--grey-90);transition:transform .3s}
.fq-q .ic::before{width:14px;height:1.5px}
.fq-q .ic::after{width:1.5px;height:14px}
.fq-item.open .ic::after{transform:translate(-50%,-50%) scaleY(0)}
.fq-a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.65,0,.35,1)}
.fq-a p{padding:0 40px 40px 0;font-size:18px;line-height:1.6;letter-spacing:-.18px;color:var(--grey-70)}

/* banner: ainda com dúvidas */
.fq-contact{background:#fff;border-top:1px solid var(--grey-20);padding:clamp(64px,5.2vw,100px) var(--pad)}
.fq-contact-card{position:relative;overflow:hidden;background:radial-gradient(120% 160% at 0% 60%,rgba(232,224,235,.7),rgba(248,238,230,0) 55%),var(--soft-mist);border-radius:24px;padding:clamp(40px,4.2vw,40px) clamp(32px,4.2vw,80px);display:flex;align-items:center;justify-content:space-between;gap:clamp(32px,4vw,64px);flex-wrap:wrap}
.fq-contact-title{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.2vw,32px);letter-spacing:-1px;line-height:1.3;color:var(--grey-100);flex:1 1 360px;min-width:0}
.fq-contact-btns{flex:0 0 300px;max-width:300px;display:flex;flex-direction:column;gap:16px}
.fq-btn-dark,.fq-btn-outline{display:flex;align-items:center;justify-content:center;width:100%;height:64px;padding:0 24px;border-radius:100px;font-weight:500;font-size:16px;transition:transform .25s ease}
.fq-btn-dark{background:var(--grey-100);color:#fff}
.fq-btn-outline{border:1px solid var(--grey-50);color:var(--grey-100)}
.fq-btn-outline .fq-copy-icon{font-size:18px;line-height:1;margin-left:8px;transform:translateY(-1px)}
.fq-btn-dark:hover,.fq-btn-outline:hover{transform:scale(1.02)}

/* ===== FAQ — responsivo ===== */
@media(max-width:1100px){
  .fq-main-in{flex-direction:column;gap:40px}
  .fq-aside{flex:none;width:100%;max-width:100%}
  /* categorias viram uma faixa horizontal rolável (igual mobile do Figma) */
  .fq-aside-sticky{position:static;flex-direction:column;gap:16px}
  .fq-cats{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .fq-cat{height:auto;flex-shrink:0;padding:10px 16px;border-radius:100px;background:var(--brown-10);font-size:14px;color:var(--grey-70)}
  .fq-cat.is-active{border-radius:100px;background:var(--grey-100);color:#fff}
  .fq-module{flex:none;width:100%;max-width:100%}
  .fq-contact-card{flex-direction:column;align-items:flex-start}
  .fq-contact-btns{flex:none;width:100%;max-width:100%}
}
@media(max-width:640px){
  .fq-cat-label{padding-left:0}
  .fq-q{font-size:17px;gap:16px}
  .fq-a p{padding-right:0}
}