/* =========================================================
   theirstorys — landing page
   ========================================================= */
:root{
  --bg:#fdf3f3;
  --bg-2:#fbeaec;
  --card:#ffffff;
  --card-soft:#fffafa;
  --ink:#1d1a2e;
  --text:#4a4458;
  --muted:#8a8296;
  --pink:#f2557d;
  --pink-2:#e8436d;
  --pink-soft:#fde3ea;
  --pink-softer:#fff0f4;
  --line:#f3dfe3;
  --shadow:0 10px 30px -12px rgba(201,80,112,.22);
  --shadow-sm:0 4px 16px -8px rgba(201,80,112,.18);
  --r:16px;
  --r-lg:22px;
  --serif:"Playfair Display",Georgia,serif;
  --sans:"Poppins",system-ui,-apple-system,Segoe UI,sans-serif;
  --script:"Great Vibes",cursive;
  --max:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}
section{padding:90px 0}
.center{text-align:center}

/* imagens: fundo rosado enquanto a foto não existe */
.ph{background:linear-gradient(135deg,#f9d9e0,#f6e7da);overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}

/* ---------- tipografia ---------- */
h1,h2,h3.serif{font-family:var(--serif);color:var(--ink);font-weight:800;letter-spacing:-.01em;line-height:1.08}
h1{font-size:clamp(38px,5.2vw,58px)}
h2{font-size:clamp(32px,4.2vw,46px)}
.heart{color:var(--pink);font-size:.42em;vertical-align:middle;margin-left:4px;display:inline-block;transform:translateY(-.1em)}
.lead{font-size:16px;color:var(--text);max-width:480px;margin-top:16px}
.center .lead{margin-left:auto;margin-right:auto}
.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12px;color:var(--text);margin-bottom:18px;box-shadow:var(--shadow-sm)}
.pill i{color:var(--pink);font-style:normal}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:16px 28px;font-weight:600;font-size:15px;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}
.btn svg{width:18px;height:18px;flex:none}
.btn-primary{background:var(--pink);color:#fff;box-shadow:0 12px 24px -10px rgba(242,85,125,.65)}
.btn-primary:hover{background:var(--pink-2);transform:translateY(-1px)}
.btn-ghost{background:#fff;color:var(--pink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--pink)}
.btn-sm{padding:10px 18px;font-size:13px;border-radius:10px}
.btn-stack{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}
.btn-stack.center{margin:0 auto}
.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- header ---------- */
.header{position:sticky;top:0;z-index:50;background:rgba(253,243,243,.86);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.header.scrolled{border-color:var(--line)}
.header .container{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;color:var(--ink);letter-spacing:-.02em}
.logo svg{width:26px;height:26px;color:var(--pink)}
.logo span{color:var(--pink)}
.nav{display:flex;align-items:center;gap:34px;font-size:14px;color:var(--ink)}
.nav a:not(.btn):hover{color:var(--pink)}
.burger{display:none;width:42px;height:42px;border-radius:10px;align-items:center;justify-content:center;color:var(--ink)}
.burger svg{width:24px;height:24px}

/* ---------- hero ---------- */
.hero{padding:56px 0 40px}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.hero .btn-stack{margin-top:30px}
.proof{display:flex;align-items:center;gap:14px;margin-top:30px}
.avatars{display:flex}
.avatars span{width:36px;height:36px;border-radius:50%;border:2px solid var(--bg);margin-left:-10px}
.avatars span:first-child{margin-left:0}
.avatars .more{display:flex;align-items:center;justify-content:center;background:var(--pink-soft);color:var(--pink);font-size:11px;font-weight:600}
.proof p{font-size:13px;line-height:1.4}
.stars{color:var(--pink);letter-spacing:2px;font-size:13px}
.perks{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:12.5px;color:var(--muted)}
.perks span{display:flex;align-items:center;gap:6px}
.perks svg{width:15px;height:15px;color:var(--muted)}
.time-note{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:14px}
.time-note svg{width:18px;height:18px}
.time-note b{color:var(--pink);font-weight:600}

/* ---------- phone mockup ---------- */
.phone-stage{position:relative;display:flex;justify-content:center;padding:10px 70px 10px 0}
.phone-stage::before{content:"";position:absolute;width:78%;aspect-ratio:1/1.6;right:4%;top:6%;border-radius:50%;background:radial-gradient(closest-side,#f8d6de,rgba(248,214,222,0));z-index:0}
.phone{position:relative;z-index:1;width:300px;border-radius:44px;background:#1c1726;padding:10px;box-shadow:0 40px 70px -30px rgba(70,20,40,.45)}
.phone-screen{background:#fff;border-radius:35px;overflow:hidden;position:relative}
.notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:26px;background:#1c1726;border-radius:20px;z-index:3}
.p-top{display:flex;align-items:center;justify-content:space-between;padding:44px 18px 12px;color:var(--ink)}
.p-top svg{width:18px;height:18px}
.p-top b{font-size:16px;display:flex;align-items:center;gap:6px}
.p-top b i{color:var(--pink);font-style:normal;font-size:12px}
.p-hero{position:relative;height:230px}
.p-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(40,15,25,.72))}
.p-hero .cap{position:absolute;left:16px;bottom:14px;right:16px;z-index:2;color:#fff}
.p-hero .name{font-family:var(--script);font-size:46px;line-height:1}
.p-hero .name i{color:var(--pink);font-style:normal;font-size:18px;margin-left:4px;vertical-align:middle}
.p-hero .sub{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-top:4px}
.p-hero .yr{font-size:10px;opacity:.9;margin-top:2px}
.p-tabs{display:flex;justify-content:space-around;padding:14px 10px;border-bottom:1px solid #f4eaec}
.p-tab{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9.5px;color:var(--text)}
.p-tab span{width:36px;height:36px;border-radius:50%;background:var(--pink-softer);display:flex;align-items:center;justify-content:center;color:var(--pink)}
.p-tab svg{width:14px;height:14px}
.p-sec{padding:14px 18px;border-bottom:1px solid #f4eaec}
.p-sec h4{font-size:13px;color:var(--ink);font-weight:600;margin-bottom:6px}
.p-sec p{font-size:10.5px;line-height:1.6}
.p-link{color:var(--pink);font-size:10px;font-weight:500;margin-top:8px;display:inline-flex;gap:4px;align-items:center}
.ms{display:grid;grid-template-columns:8px 1fr 66px;gap:8px;align-items:start;margin-top:10px}
.ms::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pink);margin-top:5px}
.ms b{display:block;font-size:10.5px;color:var(--ink);font-weight:600;line-height:1.3}
.ms small{display:block;font-size:9px;color:var(--muted)}
.ms em{display:block;font-size:9px;font-style:normal}
.ms .ph{width:66px;height:42px;border-radius:8px}

/* tag com QR pendurada */
.qr-tag{position:absolute;z-index:2;right:0;top:56%;width:120px;background:#fff;border-radius:18px;padding:22px 12px 12px;text-align:center;box-shadow:var(--shadow);font-size:11px;color:var(--ink);line-height:1.35}
.qr-tag::before{content:"";position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:34px;height:40px;border:4px solid #f0a0b4;border-bottom:0;border-radius:20px 20px 0 0}
.qr-tag::after{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:16px;height:5px;border-radius:3px;background:#f4e3e7}
.qr-tag .paw{color:var(--pink);width:18px;height:18px;margin:4px auto 6px}
.qr-tag img{width:60px;height:60px;margin:10px auto}
.qr-tag .u{font-size:8px;color:var(--text);border-top:1px solid #f4eaec;padding-top:8px;margin-top:6px}
.qr-tag .u i{display:block;color:var(--pink);font-style:normal;font-size:10px}

/* ---------- strip de confiança ---------- */
.trust{padding:30px 0 10px}
.trust-row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;color:var(--ink);font-size:13.5px;font-weight:500}
.trust-row span{display:flex;align-items:center;gap:8px}
.trust-row svg{width:18px;height:18px;color:var(--pink)}

/* ---------- how it works ---------- */
.how-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:46px}
.laptop{position:relative;padding-right:60px}
.laptop-screen{background:#1c1726;border-radius:14px 14px 4px 4px;padding:8px}
.laptop-inner{background:#fff;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;height:170px}
.laptop-inner .txt{padding:18px}
.laptop-inner .txt b{font-family:var(--script);font-size:30px;color:var(--ink);font-weight:400;line-height:1}
.laptop-inner .txt p{font-size:9px;margin:6px 0 10px}
.laptop-inner .txt .bar{display:block;width:60px;height:12px;border-radius:4px;background:var(--pink)}
.laptop-inner .ph{height:100%}
.laptop-base{height:12px;background:linear-gradient(#e6dde0,#cfc5c9);border-radius:0 0 14px 14px;margin:0 -16px}
.laptop .qr-tag{top:-10px;right:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{background:var(--card);border-radius:var(--r);padding:16px;box-shadow:var(--shadow-sm);position:relative}
.step .num{position:absolute;top:-12px;left:16px;width:28px;height:28px;border-radius:50%;background:var(--pink);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px -4px rgba(242,85,125,.6)}
.step .ph{height:140px;border-radius:12px;margin-bottom:16px}
.step h3{font-family:var(--serif);font-size:19px;color:var(--ink);line-height:1.2;margin-bottom:8px}
.step h3 i,.card-title i{color:var(--pink);font-style:normal;font-size:.6em;margin-left:3px}
.step p{font-size:13px}
.cta-block{margin-top:46px;display:flex;flex-direction:column;align-items:center;gap:12px}

/* ---------- features ---------- */
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.feat{background:var(--card);border-radius:var(--r);padding:22px 16px;text-align:center;box-shadow:var(--shadow-sm)}
.ico{width:40px;height:40px;border-radius:50%;background:var(--pink-softer);color:var(--pink);display:flex;align-items:center;justify-content:center;flex:none}
.ico svg{width:18px;height:18px}
.feat .ico{margin:0 auto 12px}
.feat b{display:block;color:var(--ink);font-size:14px;font-weight:600}
.feat p{font-size:12.5px;margin-top:4px}
.feat-wide{display:flex;gap:14px;align-items:center;text-align:left;background:var(--card);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-sm);margin-top:16px}
.feat-wide b{display:block;color:var(--ink);font-size:14px;font-weight:600}
.feat-wide p{font-size:12.5px}
.features .split{align-items:start}
.features .phone-stage{margin-top:20px}

/* ---------- chapters ---------- */
.chapters-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.chapter{background:var(--card);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm)}
.chapter .ico{margin-bottom:14px}
.card-title{font-size:17px;font-weight:600;color:var(--ink)}
.chapter p{font-size:13px;margin:4px 0 16px}
.chapter .ph{height:200px;border-radius:14px}
.love-line{display:flex;flex-direction:column;align-items:center;margin-top:40px;gap:4px}
.love-line b{color:var(--ink);font-weight:600;display:flex;align-items:center;gap:8px}
.love-line b i{color:var(--pink);font-style:normal}
.love-line small{color:var(--pink);font-size:13px}
.love-line + .btn-stack{margin-top:22px}

/* ---------- kinds ---------- */
.kinds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.kind{background:var(--card);border-radius:var(--r);padding:12px 12px 18px;box-shadow:var(--shadow-sm)}
.kind .ph{height:150px;border-radius:12px;margin-bottom:14px}
.kind h3{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:6px;padding:0 4px}
.kind h3 svg{width:15px;height:15px;color:var(--pink);flex:none;margin-top:2px}
.kind p{font-size:12.5px;padding:0 4px}
.mini-perks{display:flex;justify-content:center;gap:34px;margin-top:34px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.mini-perks span{display:flex;align-items:center;gap:6px}
.mini-perks svg{width:15px;height:15px;color:var(--pink)}

/* ---------- showcase ---------- */
.showcase .btn-row{margin-top:26px}
.show-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.show-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.show-card .p-top{padding:14px 16px 10px}
.show-card .p-hero{height:200px}
.show-qr{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--pink-softer);margin:12px;border-radius:14px;padding:14px}
.show-qr span{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--ink);font-weight:500;line-height:1.3}
.show-qr span svg{width:16px;height:16px;color:var(--pink);flex:none}
.show-qr img{width:54px;height:54px;background:#fff;padding:4px;border-radius:6px}
.show-card .foot{font-size:10px;color:var(--pink);padding:0 16px 16px;display:flex;gap:4px;align-items:center}
.made-love{text-align:center;margin-top:36px}
.made-love b{font-family:var(--serif);color:var(--ink);font-size:20px}
.made-love b i{color:var(--pink);font-style:normal;font-size:14px;margin-right:6px}
.made-love p{font-size:13px;margin-top:4px}

/* ---------- testimonials ---------- */
.tests-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.test{background:var(--card);border-radius:var(--r);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative}
.test .who{display:flex;gap:10px;align-items:center}
.test .who .ph{width:38px;height:38px;border-radius:50%}
.test .who b{display:block;color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.2}
.test .who small{font-size:11px;color:var(--muted)}
.test .stars{margin:12px 0 8px}
.test p{font-size:13px;flex:1}
.test .pet{width:46px;height:46px;border-radius:50%;margin-top:14px;align-self:flex-end;position:relative;overflow:visible}
.test .pet img{border-radius:50%}
.test .pet::after{content:"♥";position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:var(--pink);color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.viral-head{text-align:center;margin-top:60px}
.viral-head b{font-family:var(--serif);color:var(--ink);font-size:22px;display:flex;gap:8px;justify-content:center;align-items:center}
.viral-head b i{color:var(--pink);font-style:normal;font-size:15px}
.viral-head p{font-size:13px;margin-top:4px}
.viral-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.reel{position:relative;border-radius:18px;height:300px;color:#fff}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(30,10,20,.7))}
.reel .bubble{position:absolute;left:12px;right:40px;bottom:58px;background:#fff;color:var(--ink);font-size:11.5px;font-weight:500;border-radius:10px;padding:8px 10px;z-index:2;line-height:1.35}
.reel .meta{position:absolute;left:12px;bottom:14px;z-index:2;font-size:10.5px;line-height:1.4}
.reel .meta b{display:block;font-size:11.5px}
.reel .side{position:absolute;right:10px;bottom:56px;z-index:2;display:flex;flex-direction:column;gap:12px}
.reel .side svg{width:16px;height:16px}

/* ---------- pricing ---------- */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;align-items:stretch}
.plan{background:var(--card);border-radius:var(--r-lg);padding:30px 22px 22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-align:center;position:relative;border:1.5px solid transparent}
.plan.hot{border-color:var(--pink);box-shadow:0 20px 40px -20px rgba(242,85,125,.45)}
.plan .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--pink);color:#fff;font-size:11px;font-weight:600;padding:5px 14px;border-radius:999px;white-space:nowrap}
.plan h3{font-family:var(--serif);font-size:24px;color:var(--ink);font-weight:700}
.plan .desc{font-size:12.5px;color:var(--muted);margin-top:6px;min-height:38px}
.plan .price{font-family:var(--serif);font-size:44px;color:var(--ink);font-weight:700;margin:14px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.plan .price sup{font-size:.45em;vertical-align:top;position:relative;top:.45em;margin-right:2px}
.plan.hot .price{color:var(--pink)}
.plan ul{list-style:none;text-align:left;flex:1;margin-bottom:24px}
.plan li{display:flex;gap:10px;font-size:13px;padding:5px 0;align-items:flex-start}
.plan li svg{width:15px;height:15px;color:var(--pink);flex:none;margin-top:3px}
.plan .btn{width:100%}
.guar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.guar div{display:flex;gap:12px;align-items:flex-start}
.guar svg{width:20px;height:20px;color:var(--ink);flex:none;margin-top:2px}
.guar b{display:block;color:var(--ink);font-size:13px;font-weight:600}
.guar small{font-size:11.5px;color:var(--muted);line-height:1.4;display:block}

/* ---------- faq ---------- */
.faq .split{align-items:start}
.faq-list{margin-top:30px;display:flex;flex-direction:column;gap:12px}
.qa{background:var(--card);border-radius:14px;box-shadow:var(--shadow-sm)}
.qa summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;color:var(--ink);font-weight:500;font-size:14px}
.qa summary::-webkit-details-marker{display:none}
.qa summary .ico{width:30px;height:30px}
.qa summary .ico svg{width:14px;height:14px}
.qa summary .chev{margin-left:auto;width:16px;height:16px;transition:transform .2s;color:var(--muted)}
.qa[open] summary .chev{transform:rotate(180deg)}
.qa p{padding:0 18px 18px 62px;font-size:13.5px}
.faq-photo{position:relative;margin-top:30px}
.faq-photo::before{content:"";position:absolute;width:80%;aspect-ratio:1;right:-8%;top:-8%;border-radius:50%;background:radial-gradient(closest-side,#f8d6de,rgba(248,214,222,0))}
.faq-photo .ph{position:relative;border-radius:24px;height:460px;box-shadow:var(--shadow)}
.faq-note{display:flex;gap:14px;align-items:center;background:var(--card);border-radius:16px;padding:16px 18px;margin-top:20px;box-shadow:var(--shadow-sm)}
.faq-note b{color:var(--ink);font-size:14px;font-weight:600;display:block}
.faq-note small{font-size:12px;color:var(--muted)}

/* ---------- final CTA ---------- */
.final .btn-stack{margin-top:30px}

/* ---------- footer ---------- */
.footer{border-top:1px solid var(--line);padding:60px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:30px}
.foot-grid p{font-size:13.5px;margin-top:14px;max-width:240px}
.socials{display:flex;gap:16px;margin-top:20px;color:var(--ink)}
.socials svg{width:18px;height:18px}
.foot-col h5{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:16px}
.foot-col a{display:block;font-size:14px;color:var(--ink);margin-bottom:12px}
.foot-col a:hover{color:var(--pink)}
.foot-col .mail{color:var(--pink)}
.foot-col .bigheart{color:var(--pink);font-size:20px;margin-bottom:10px}
.copy{text-align:center;font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);margin-top:40px;padding-top:26px}

/* ---------- menu mobile ---------- */
.mnav{position:fixed;inset:72px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);padding:16px 24px 24px;display:none;flex-direction:column;gap:6px;z-index:49;box-shadow:var(--shadow)}
.mnav.open{display:flex}
.mnav a{padding:12px 0;font-size:16px;color:var(--ink);border-bottom:1px solid var(--line)}
.mnav .btn{margin-top:12px;border:0}

/* ---------- animação de entrada ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* =========================================================
   Responsivo
   ========================================================= */
@media (max-width:1024px){
  .steps,.kinds-grid,.tests-grid,.viral-grid{grid-template-columns:repeat(2,1fr)}
  .guar{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr 1fr}
  .foot-brand{grid-column:1/-1}
}
@media (max-width:900px){
  section{padding:64px 0}
  .nav{display:none}
  .burger{display:flex}
  .split,.how-head{grid-template-columns:1fr;gap:40px}
  .price-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}
  .plan.hot{order:-1}
  .show-grid{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto}
  .laptop{max-width:520px}
}
@media (max-width:640px){
  body{font-size:14.5px}
  .container{padding:0 16px}
  .hero{padding:32px 0 20px}
  .btn-stack{max-width:none}
  .btn{padding:17px 22px;font-size:16px}
  .phone-stage{padding:10px 64px 10px 0}
  .phone{width:min(270px,72vw)}
  .p-hero{height:210px}
  .qr-tag{width:108px;right:-4px}
  .feat-grid{grid-template-columns:1fr 1fr;gap:12px}
  .chapters-grid{grid-template-columns:1fr}
  .kinds-grid{grid-template-columns:1fr 1fr;gap:12px}
  .kind .ph{height:120px}
  .steps{grid-template-columns:1fr 1fr;gap:16px}
  .step .ph{height:110px}
  .tests-grid{grid-template-columns:1fr}
  .viral-grid{grid-template-columns:1fr 1fr;gap:12px}
  .reel{height:240px}
  .guar{grid-template-columns:1fr 1fr}
  .faq-photo .ph{height:340px}
  .trust-row{gap:18px 26px}
  .foot-grid{grid-template-columns:1fr}
  .laptop{padding-right:40px}
  .laptop-inner{height:140px}
  .laptop .qr-tag{width:96px}
}
@media (max-width:380px){
  .steps,.kinds-grid{grid-template-columns:1fr}
}

/* evita rolagem lateral causada pelos brilhos decorativos */
main{overflow-x:clip}