:root{--navy:#101D37;--blue:#2F84B0;--orange:#FF6E17;--ink:#1A1A2E;--body:#3A3F55;--muted:#5A5E73;--line:#E3E5EF;--line2:#DFE2EC;
--font:"Manrope",-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,p,ol,ul{margin:0}
h1,h2,h3{text-wrap:balance}
img{max-width:100%}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
.bar{background:var(--navy);color:#fff;padding:16px max(16px,env(safe-area-inset-left)) 16px max(16px,env(safe-area-inset-right))}
.bar-in{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bar img{height:38px;width:auto;display:block}
.bar .tag{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#AFC0D8}
.cards{max-width:760px;margin:0 auto;padding:clamp(20px,4vw,40px) max(12px,env(safe-area-inset-left)) clamp(40px,6vw,64px) max(12px,env(safe-area-inset-right));display:grid;gap:clamp(14px,2.4vw,20px)}
@media (min-width:600px){.cards{padding-left:24px;padding-right:24px}}
.card{border-radius:24px;padding:clamp(24px,5vw,44px);display:grid;gap:20px;align-content:start}
.k{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.card h2.t{font-size:clamp(24px,3.8vw,30px);line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.head{display:grid;gap:8px}
.link{justify-self:start;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;font:700 15px var(--font);text-decoration:none;border:none;cursor:pointer}
.btn.dark{background:var(--navy);color:#fff}
.btn.line{background:#fff;color:var(--navy);border:1px solid #D5D8E5}
.btn.wa{background:#1F9E55;color:#fff}
.btn.orange{background:var(--orange);color:#fff;font-weight:800;min-height:48px;padding:0 28px;font-size:16px}
/* card da história */
.c-story{background:#F4F5F9}
.ed-head{display:grid;gap:14px;padding-bottom:28px;border-bottom:1px solid var(--line2)}
.ed-head .meta{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.ed-head h1{font-size:clamp(32px,6vw,50px);line-height:1.06;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.ed-head .dek{font-size:clamp(18px,2.4vw,21px);line-height:1.5;font-weight:500;color:var(--body)}
.ed-head .who{font-size:14px;color:var(--muted)}
.story{display:grid;gap:20px}
.story p.lead{font-size:20px;font-weight:500;color:var(--navy);margin-top:8px}
.story p.lead::first-letter{float:left;font-size:64px;line-height:.85;font-weight:800;margin:8px 12px 0 0}
.story .punch{font-size:clamp(24px,3.6vw,30px);line-height:1.25;font-weight:800;letter-spacing:-.02em;color:var(--navy);margin:8px 0}
.story .teaser{color:#8A8EA3}
.js .rest{display:none}
.js .rest.open{display:grid}
.rest{gap:20px}
.no-js-hide{display:none}
.js .no-js-hide{display:inline-flex}
.js .teaser-wrap{display:grid}
.js .rest.open + .teaser-wrap,.js .teaser-wrap.gone{display:none}
.teaser-wrap{display:grid;gap:14px;justify-items:start}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.stats div{padding:18px 12px 18px 0;display:grid}
.stats strong{font-size:28px;line-height:1.1;font-weight:800;color:var(--navy)}
.stats span{font-size:14px;color:var(--muted)}
.story .quote{font-size:21px;line-height:1.45;font-weight:700;color:var(--navy)}
.lessons{display:grid;margin-top:20px}
.lessons > .k{margin-bottom:6px}
.lesson{border-top:1px solid var(--line2);padding:22px 0;display:grid;gap:10px;scroll-margin-top:16px}
.lesson-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start}
.ln{width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--cd);display:grid;place-items:center;font-size:15px;font-weight:800;margin-top:2px}
.lesson h2{font-size:21px;line-height:1.3;font-weight:800;color:var(--navy)}
.lesson .expl{font-size:16px;line-height:1.65;color:var(--body);margin-top:6px}
.ptoggle{align-items:center;justify-content:center;margin-top:10px;min-height:40px;padding:0 16px;border-radius:999px;border:none;background:var(--soft);color:var(--cd);font:700 14px var(--font);cursor:pointer}
.practice{margin-left:50px;background:#fff;border-radius:16px;padding:20px 22px;display:grid;gap:12px}
@media (max-width:520px){.practice{margin-left:0}}
.js .practice{display:none}
.js .practice.open{display:grid}
.practice .k{color:var(--cd)}
.practice h3{font-size:19px;line-height:1.3;font-weight:800;color:var(--navy)}
.practice .tool{font-size:15px;line-height:1.6;color:var(--body)}
.practice ol{padding-left:20px;display:grid;gap:4px;font-size:15px;line-height:1.6}
.practice .careful{font-size:14px;line-height:1.6;color:var(--body)}
.practice .careful b{color:var(--navy)}
.think{background:#fff;border-radius:18px;padding:clamp(20px,4vw,28px);display:grid;gap:12px}
.think ol{padding-left:22px;display:grid;gap:10px;font-size:17px;line-height:1.5;font-weight:600;color:var(--navy)}
.keep{margin-top:12px;padding-top:32px;border-top:1px solid var(--line2);display:grid;justify-items:center;gap:12px;text-align:center}
.keep .kp{font-size:clamp(23px,3.6vw,29px);line-height:1.3;font-weight:800;letter-spacing:-.02em;color:var(--navy);max-width:520px}
.keep .next{font-size:15px;color:var(--muted)}
.fontes{font-size:13px;color:var(--muted)}
/* visuais da prática */
.tiers{display:grid;gap:6px}
.tier{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 14px;border-radius:10px;background:var(--soft);font-size:15px}
.tier b{color:var(--navy)}
.tier span{color:var(--body)}
.tier.top{background:var(--c)}
.tier.top b,.tier.top span{color:#fff;font-weight:700}
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.nums div{background:var(--soft);border-radius:12px;padding:12px 14px;display:grid;gap:2px}
.nums strong{font-size:17px;line-height:1.25;font-weight:800;color:var(--cd)}
.nums span{font-size:13px;line-height:1.4;color:var(--muted)}
.flow{list-style:none;padding:0 !important;display:grid !important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px !important}
.flow li{background:var(--soft);border-radius:12px;padding:12px 14px;display:grid;gap:2px}
.flow small{font-size:12px;font-weight:800;color:var(--cd)}
.flow b{font-size:14px;line-height:1.35;color:var(--navy)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.steps div{background:var(--soft);border-radius:12px;padding:12px 14px;display:grid;gap:2px;border-top:4px solid var(--c)}
.steps small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.steps b{font-size:15px;color:var(--navy)}
.steps span{font-size:13px;color:var(--muted);line-height:1.4}
/* vídeo do YouTube: só carrega o player ao clicar */
.yt{position:relative;width:100%;aspect-ratio:16/9;border:none;border-radius:18px;background:#23324F center/cover no-repeat;cursor:pointer;display:grid;place-items:center;padding:0;overflow:hidden}
.yt .play{width:72px;height:72px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.yt .play svg{width:26px;height:26px;margin-left:4px}
.yt-frame{width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}
.yt-frame iframe{width:100%;height:100%;border:0;display:block}
/* histórias que inspiram */
.c-inspira{background:#FDF3EC}
.c-inspira .k{color:#A3410A}
.c-inspira .quote{font-size:20px;line-height:1.45;font-weight:700;color:var(--navy)}
.c-inspira .who{font-size:15px;color:var(--muted);margin-top:6px}
.c-inspira .link{color:#A3410A}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.vgrid .yt .play{width:48px;height:48px}
.vgrid .yt .play svg{width:18px;height:18px}
.vgrid p{font-size:15px;line-height:1.4;font-weight:700;color:var(--navy);margin-top:10px}
/* conteúdos recomendados */
.c-reco{background:#EEF5F9}
.c-reco .k{color:#17587C}
.reco{display:grid;gap:10px}
.reco-item{background:#fff;border-radius:16px;padding:16px 18px;display:grid;gap:4px;text-decoration:none}
.reco-item .tp{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.reco-item b{font-size:16px;line-height:1.35;color:var(--navy)}
.reco-item span.w{font-size:14px;line-height:1.5;color:var(--body)}
.reco-item .yt{margin-top:10px;border-radius:12px}
a.reco-item:hover b{text-decoration:underline}
/* mentores */
.c-mentores{background:#F1F6F1}
.mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.mentor{background:#fff;border-radius:18px;padding:20px;display:grid;gap:10px;align-content:start}
.mentor .ph{width:60px;height:60px;border-radius:50%;background:#E6E9F2;display:grid;place-items:center;font-size:20px;font-weight:800;color:var(--navy);overflow:hidden}
.mentor .ph img{width:100%;height:100%;object-fit:cover}
.mentor b{font-size:18px;line-height:1.3;color:var(--navy);display:block}
.mentor .ar{display:block;font-size:13px;line-height:1.4;font-weight:700;margin-top:2px}
.mentor p{font-size:14px;line-height:1.6;color:var(--body)}
.mgrid.compact .mentor{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px}
.mgrid.compact .ph{width:52px;height:52px;font-size:17px}
/* mesa dos donos */
.c-mesa{background:#E9ECF4;justify-items:center;text-align:center;gap:14px}
.c-mesa .k{color:#3A4A6B}
.c-mesa h2.t{max-width:540px}
.c-mesa p{font-size:17px;line-height:1.6;color:var(--body);max-width:500px}
.c-mesa .btn{margin-top:6px}
/* compartilhar */
.c-share{background:#fff;border:1px solid var(--line);justify-items:center;text-align:center;gap:16px;padding:clamp(22px,4vw,32px)}
.c-share p{font-size:17px;font-weight:700;color:var(--navy)}
.btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
footer.site{background:var(--navy);color:#B9C4D6;font-size:14px;line-height:1.6;padding:36px max(16px,env(safe-area-inset-left)) 44px max(16px,env(safe-area-inset-right))}
footer.site .in{max-width:712px;margin:0 auto;display:grid;gap:8px}
footer.site b,footer.site a{color:#fff}
/* capa */
.intro{padding:0 clamp(8px,2vw,16px) clamp(8px,2vw,16px);display:grid;gap:12px}
.intro h1{font-size:clamp(40px,8vw,60px);line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.intro p.s{font-size:clamp(18px,2.4vw,20px);line-height:1.55;color:var(--body);max-width:560px}
a.c-latest{background:#F4F5F9;text-decoration:none;gap:14px}
.c-latest .tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill{font-size:12px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--orange);border-radius:999px;padding:4px 12px}
.c-latest .meta{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.c-latest h2{font-size:clamp(30px,5.4vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.c-latest .dek{font-size:clamp(17px,2.2vw,19px);line-height:1.55;color:var(--body)}
.c-latest .who{font-size:14px;color:var(--muted)}
.c-latest .btn{justify-self:start;margin-top:6px}
a.c-latest:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.c-arch{background:#fff;border:1px solid var(--line);gap:6px;padding:clamp(22px,4vw,36px)}
.c-arch .hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.c-arch .hd h2{font-size:clamp(22px,3.4vw,26px);line-height:1.2;font-weight:800;color:var(--navy)}
.c-arch .hd span{font-size:14px;color:var(--muted)}
a.ed{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--line);text-decoration:none}
a.ed .n{font-size:15px;font-weight:800;color:var(--muted)}
a.ed b{display:block;font-size:17px;line-height:1.35;color:var(--navy)}
a.ed .s{font-size:14px;color:var(--muted)}
a.ed .go{font-weight:800;color:var(--muted)}
a.ed:hover b{text-decoration:underline}
.c-arch .empty{border-top:1px solid var(--line);padding-top:16px;font-size:16px;color:var(--muted)}