/* Método Squad IA · estilos próprios da página do playbook (complementa hc.css) */

/* nav: capítulo atual + botão de capítulos */
.nav-ch{position:absolute;left:50%;transform:translateX(-50%);font:500 12px/1 var(--f-b);letter-spacing:.09em;text-transform:uppercase;color:var(--soft);opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}
.nav.solid .nav-ch{opacity:1}
@media (max-width:1023px){.nav-ch{display:none}}
.btn-toc{gap:8px}
.btn-toc svg{width:16px;height:16px}

/* gaveta de capítulos */
.drawer{position:fixed;inset:0;z-index:110;visibility:hidden}
.drawer.open{visibility:visible}
.drawer .bk{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .35s}
.drawer.open .bk{opacity:1}
.drawer .pn{position:absolute;right:0;top:0;bottom:0;width:min(400px,100%);padding:22px 22px calc(28px + env(safe-area-inset-bottom));overflow:auto;border-radius:0;border-width:0 0 0 1px;transform:translateX(100%);transition:transform .45s var(--ease);background:rgba(14,16,26,.88)}
.drawer.open .pn{transform:none}
@media (max-width:640px){.drawer .pn{top:auto;width:100%;max-height:86vh;border-radius:28px 28px 0 0;border-width:1px 0 0;transform:translateY(100%)}}
.drawer .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.drawer .x{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center}
.drawer ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.drawer a{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:12px 14px;border-radius:18px;text-decoration:none;color:var(--soft);border:1px solid transparent;transition:background .2s,border-color .2s}
.drawer a:hover{background:rgba(255,255,255,.06)}
.drawer a.on{background:rgba(58,110,255,.16);border-color:rgba(58,110,255,.45);color:#fff}
.drawer a .n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:400 14px/1 var(--f-t);color:#fff;border:1px solid transparent;background:linear-gradient(#11131d,#11131d) padding-box,var(--grad) border-box}
.drawer a .t{display:block;font:500 16px/1.2 var(--f-t);color:#fff}
.drawer a .s{display:block;font-size:13px;color:#9a9aa3;margin-top:3px;line-height:1.35}

/* capa */
.cover{min-height:100svh;display:flex;align-items:flex-end;padding:calc(var(--nav-h) + 40px) 0 clamp(48px,7vw,88px)}
.cover .t-display{margin:24px 0 20px}
.cover .t-lead{max-width:640px;color:var(--soft)}
.cover .hi-name{margin-top:18px;font:400 clamp(20px,2vw,24px)/1.3 var(--f-t);color:#fff}
.cover .hi-name .hl{color:var(--lime)}
.cover .metas{margin-top:30px}
.cover .go{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cover>.ph img{object-position:70% 40%}
@media (max-width:899px){.cover::after{background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,.7) 52%,#000 78%)}}

/* sumário */
.toc{display:grid;gap:12px}
@media (min-width:760px){.toc{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.toc{grid-template-columns:repeat(4,1fr)}}
.toc a{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:10px;border-radius:24px;background:var(--cb);border:1px solid var(--ln);text-decoration:none;transition:transform .35s var(--ease),border-color .35s}
.toc a:hover{transform:translateY(-3px);border-color:rgba(58,110,255,.55)}
.toc .th{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#05060d}
.toc .th img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,68% 45%)}
.toc .th::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,99,250,0),rgba(23,30,190,.35))}
.toc .k{font:500 11.5px/1 var(--f-b);letter-spacing:.09em;text-transform:uppercase;color:var(--accent-l)}
.toc .t{display:block;font:500 19px/1.15 var(--f-t);color:#fff;margin:6px 0 4px;letter-spacing:-.01em}
.toc .s{display:block;font-size:13.5px;line-height:1.4;color:var(--m)}
@media (min-width:1080px){.toc a{grid-template-columns:1fr;padding:10px 10px 18px}.toc .th{aspect-ratio:16/10}.toc a>div:last-child{padding:4px 8px 0}}
.toc a.blue{background:var(--grad);border-color:transparent}
.toc a.blue .k{color:#fff}.toc a.blue .s{color:var(--bodyblue)}

/* cabeçalho de seção sem foto */
.shead{margin-bottom:clamp(36px,5vw,56px)}
.shead .t-h2{margin-top:18px}
.shead .t-lead{margin-top:18px}

/* abertura de capítulo com foto */
.chap{min-height:clamp(600px,90svh,940px);display:flex;align-items:flex-end;padding:calc(var(--nav-h) + 40px) 0 clamp(48px,7vw,96px)}
.chap .t-display{margin:20px 0 14px}
.chap .tagl{font:400 clamp(24px,3vw,38px)/1.18 var(--f-t);letter-spacing:-.02em;color:#fff;max-width:760px;text-wrap:balance}
.chap .intro{margin-top:22px;max-width:620px;font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:var(--soft)}
@media (max-width:899px){.chap::after{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,.72) 48%,#000 80%)}}

/* corpo editorial */
.body{padding:clamp(64px,9vw,120px) 0}
.body .prose>.t-h3{margin:clamp(56px,7vw,88px) 0 18px}
.body .prose>.t-h4{margin:40px 0 12px}
.body .prose>p{margin-top:1.05em}
.body .prose>.t-h3+p,.body .prose>.t-h4+p{margin-top:0}
.blk{margin:clamp(36px,5vw,56px) auto}
.wide{max-width:1080px;margin-left:auto;margin-right:auto}

/* sigla em blocos */
.acro{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.acro>div{padding:16px 6px 14px;border-radius:20px;text-align:center;min-width:0}
.acro b{display:block;font:400 clamp(30px,5vw,56px)/1 var(--f-t);letter-spacing:-.03em;background:linear-gradient(180deg,#fff 20%,#8B9EFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.acro span{display:block;margin-top:8px;font-size:clamp(10.5px,1.2vw,13.5px);color:var(--soft);overflow-wrap:anywhere;line-height:1.25}
.s-paper .acro b{background:var(--grad);-webkit-background-clip:text;background-clip:text}
.s-paper .acro span{color:var(--ink2)}
@media (min-width:700px){.acro{gap:12px}.acro>div{padding:22px 10px 18px}}

/* bloco de letra */
.letter{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;margin:clamp(48px,6vw,72px) 0 18px}
.letter .disc{width:64px;height:64px;font-size:28px}
.letter .disc.sm{font-size:19px}
.letter h3{font:400 clamp(24px,2.8vw,34px)/1.18 var(--f-t);letter-spacing:-.02em;color:var(--t);text-wrap:balance}
.letter h3 .w{display:block;font:500 12px/1 var(--f-b);letter-spacing:.09em;text-transform:uppercase;color:var(--hl);margin-bottom:10px}
.letter p{margin-top:10px;color:var(--b)}
@media (min-width:760px){.letter{grid-template-columns:76px 1fr;gap:26px}.letter .disc{width:76px;height:76px;font-size:32px}}

/* painel escuro dentro de seção clara */
.panel{position:relative;overflow:hidden;isolation:isolate;border-radius:clamp(24px,3vw,36px);padding:clamp(24px,4vw,48px);background:#0B0C12;color:#BDBDBD;--sb:#0B0C12;--t:#F5F5F5;--b:#BDBDBD;--m:#8C8C8C;--hl:var(--accent-l);--ln:#262626;--cb:#141519;--cb2:#1A1B20;border:1px solid #1E2030}
.panel::before{content:"";position:absolute;inset:0;background-image:var(--noise);opacity:.05;z-index:-1}

/* gráfico de comparação (B.R.I.E.F.) */
.cmp{display:grid;gap:28px}
@media (min-width:900px){.cmp{grid-template-columns:1.5fr 1fr;align-items:center;gap:48px}}
.big{font:500 clamp(64px,9vw,120px)/.9 var(--f-t);letter-spacing:-.04em;background:linear-gradient(90deg,#8B9EFF,#3A6EFF 50%,#2363FA);-webkit-background-clip:text;background-clip:text;color:transparent}
.big-l{font:400 clamp(19px,2vw,24px)/1.3 var(--f-t);color:var(--t);margin-top:12px}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:13.5px;color:var(--m)}
.legend i{display:inline-block;width:18px;height:6px;border-radius:3px;margin-right:8px;vertical-align:middle}

/* CARGA: pilha de camadas + sessões */
.carga{display:grid;gap:36px;align-items:center}
@media (min-width:900px){.carga{grid-template-columns:1.1fr .9fr;gap:56px}}
.stack3{position:relative;height:300px;max-width:520px;width:100%}
.stack3 .lay{position:absolute;left:calc(var(--i) * 7%);top:calc(var(--i) * 70px);width:78%;padding:18px 20px;border-radius:22px;display:flex;align-items:center;gap:14px}
.stack3 .lay:nth-child(1){background:linear-gradient(135deg,rgba(23,30,190,.55),rgba(23,30,190,.25))}
.stack3 .lay:nth-child(2){background:linear-gradient(135deg,rgba(35,99,250,.55),rgba(35,99,250,.25))}
.stack3 .lay:nth-child(3){background:linear-gradient(135deg,rgba(139,158,255,.5),rgba(58,110,255,.3))}
.stack3 .lay .c{flex:none;font:400 15px/1 var(--f-t);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4)}
.stack3 .lay b{display:block;font:500 18px/1.2 var(--f-t);color:#fff}
.stack3 .lay span{display:block;font-size:13px;color:var(--bodyblue);margin-top:2px}
.sess{display:grid;gap:10px}
.sess .s{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px}
.sess .s b{font:400 16px/1.2 var(--f-t);color:#fff}
.sess .s i{display:flex;gap:4px}
.sess .s i em{display:block;width:22px;height:8px;border-radius:3px;font-style:normal}
.sess .s i em:nth-child(1){background:#171EBE}.sess .s i em:nth-child(2){background:#2363FA}.sess .s i em:nth-child(3){background:#8B9EFF}
.sess .arr{font-size:13px;color:var(--m);display:flex;align-items:center;gap:8px;margin:2px 0 6px}

/* tokens */
.sw{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:700px){.sw{grid-template-columns:repeat(3,1fr)}}
.sw>div{border-radius:18px;overflow:hidden;background:var(--cb);border:1px solid var(--ln)}
.sw .cl{height:76px}
.sw .tx{padding:12px 14px}
.sw .tx b{display:block;font:400 13px/1.3 var(--f-m);color:var(--t)}
.sw .tx span{display:block;font-size:12.5px;color:var(--m);margin-top:3px;line-height:1.35}
.types{display:grid;gap:10px;margin-top:10px}
@media (min-width:700px){.types{grid-template-columns:repeat(3,1fr)}}
.types>div{padding:18px;border-radius:18px;background:var(--cb);border:1px solid var(--ln)}
.types .a{font-size:30px;line-height:1.1;color:var(--t)}
.types span{display:block;font-size:12.5px;color:var(--m);margin-top:8px}

/* categorias com ícone */
.cats{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:560px){.cats{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cats{grid-template-columns:repeat(4,1fr)}}
.cats .card{padding:22px}
.cats .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(58,110,255,.12);border:1px solid rgba(58,110,255,.3);margin-bottom:16px;color:var(--accent-l)}
.cats .ic svg{width:22px;height:22px}
.cats .card.blue .ic{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#fff}

/* ferramenta: teste do M.A.P.A. */
.tool{padding:clamp(22px,3.5vw,40px)}
.tool .hd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:26px}
.steppers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stp{padding:14px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);text-align:center}
.stp .lb{display:flex;align-items:center;justify-content:center;gap:8px;font:500 12px/1 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.stp .lb i{width:10px;height:10px;border-radius:3px}
.stp .ctl{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px}
.stp button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:400 20px/1 var(--f-t);cursor:pointer;flex:none}
.stp button:hover{background:rgba(58,110,255,.3)}
.stp input{width:100%;min-width:0;text-align:center;background:transparent;border:0;color:#fff;font:500 30px/1 var(--f-t);-moz-appearance:textfield;appearance:textfield}
.stp input::-webkit-outer-spin-button,.stp input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ruler{margin-top:30px}
.ruler .rl{display:flex;justify-content:space-between;font-size:13px;color:var(--m);margin-bottom:10px}
.ruler .tr{position:relative;height:14px;border-radius:7px;display:flex;gap:2px;overflow:visible}
.ruler .tr i{display:block;height:100%;border-radius:3px}
.ruler .mk{position:absolute;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff;border:5px solid var(--accent-l);box-shadow:0 0 0 6px rgba(58,110,255,.25),0 0 24px rgba(58,110,255,.9);transition:left .5s var(--ease)}
.ruler .ticks{position:relative;height:30px;margin-top:8px;font-size:12px;color:var(--m)}
.ruler .ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.mix{margin-top:30px}
.mix .bar2{position:relative;display:flex;gap:2px;height:30px;border-radius:8px;overflow:visible}
.mix .bar2 i{display:block;height:100%;transition:width .5s var(--ease);min-width:0}
.mix .bar2 i:first-child{border-radius:6px 0 0 6px}.mix .bar2 i:last-child{border-radius:0 6px 6px 0}
.mix .thr{position:absolute;top:-10px;bottom:-10px;left:60%;border-left:2px dashed rgba(255,255,255,.8)}
.mix .thr span{position:absolute;top:-22px;left:-1px;transform:translateX(-50%);font-size:12px;color:#fff;white-space:nowrap}
.verdict{margin-top:26px;display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.verdict .ic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}
.verdict.ok .ic{background:rgba(35,250,49,.14);border:1px solid rgba(35,250,49,.5)}
.verdict.no .ic{background:rgba(245,184,61,.14);border:1px solid rgba(245,184,61,.5)}
.verdict b{display:block;font:500 17px/1.3 var(--f-t);color:#fff}
.verdict p{font-size:14.5px;color:var(--soft);margin-top:3px}

/* Loop 3R: ciclo */
.loop{display:grid;gap:32px;align-items:center}
@media (min-width:900px){.loop{grid-template-columns:.9fr 1.1fr;gap:56px}}
.cycle{position:relative;width:100%;max-width:420px;margin:0 auto;aspect-ratio:1}
.cycle svg{width:100%;height:100%;overflow:visible}
.cycle .cn{position:absolute;transform:translate(-50%,-50%);width:38%;text-align:center}
.cycle .cn .o{width:clamp(64px,13vw,84px);height:clamp(64px,13vw,84px);margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;font:400 clamp(20px,3vw,26px)/1 var(--f-t);color:#fff;background:#0D1124;border:1px solid rgba(58,110,255,.6);box-shadow:0 0 0 8px var(--sb),0 0 30px rgba(58,110,255,.5)}
.cycle .cn.hi .o{background:var(--grad);border-color:transparent}
.cycle .cn b{display:block;font:500 clamp(14px,1.6vw,16px)/1.2 var(--f-t);color:var(--t)}
.cycle .cn span{display:block;font-size:12.5px;color:var(--m);margin-top:2px}
.cycle .ctr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.cycle .ctr b{display:block;font:500 clamp(34px,5vw,46px)/1 var(--f-t);color:var(--t);letter-spacing:-.03em}
.cycle .ctr span{font-size:13px;color:var(--m)}

/* checklist interativo */
.chk{padding:clamp(20px,3vw,32px)}
.chk .hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.chk .cnt{font:500 14px/1 var(--f-b);color:var(--hl)}
.chk .pg{height:4px;border-radius:2px;background:var(--ln);overflow:hidden;margin-bottom:8px}
.chk .pg i{display:block;height:100%;width:0;background:var(--grad);transition:width .4s var(--ease)}
.chk ul{list-style:none;padding:0;margin:0}
.chk li{border-bottom:1px solid var(--ln)}
.chk li:last-child{border-bottom:0}
.chk label{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;padding:14px 2px;cursor:pointer;color:var(--t);font-size:16px;line-height:1.45}
.chk input{position:absolute;opacity:0;width:1px;height:1px}
.chk .bx{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--ln);display:grid;place-items:center;transition:all .2s;margin-top:-1px;background:var(--cb2)}
.chk .bx svg{width:15px;height:15px;opacity:0;transform:scale(.6);transition:all .2s}
.chk input:checked+.bx{background:var(--grad);border-color:transparent;box-shadow:0 6px 16px -6px rgba(35,99,250,.9)}
.chk input:checked+.bx svg{opacity:1;transform:none}
.chk input:checked~.lt{color:var(--m);text-decoration:line-through;text-decoration-color:rgba(127,127,127,.5)}
.chk input:focus-visible+.bx{outline:2px solid var(--accent-l);outline-offset:2px}
.chk .rs{background:none;border:0;color:var(--m);font-size:13px;text-decoration:underline;cursor:pointer;padding:0}

/* palavras banidas + detector */
.cloud{display:flex;flex-wrap:wrap;gap:8px}
.cloud span{display:inline-block;padding:6px 12px;border-radius:999px;font-size:14px;color:var(--b);background:var(--cb2);border:1px solid var(--ln);text-decoration:line-through;text-decoration-color:rgba(255,110,110,.75);text-decoration-thickness:1.5px}
.cloud span.f{color:#fff;background:rgba(255,92,92,.16);border-color:rgba(255,110,110,.6);text-decoration-color:#ff8080}
.det{display:grid;gap:18px;margin-top:22px}
.det textarea{width:100%;min-height:150px;resize:vertical;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(8,10,18,.6);color:#fff;font:400 16px/1.6 var(--f-b);outline:none}
.det textarea:focus{border-color:var(--accent-l);box-shadow:0 0 0 4px rgba(58,110,255,.2)}
.det .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.det .out{display:none;padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.det .out.on{display:block}
.det .res{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.det .res b{font:500 34px/1 var(--f-t);color:#fff}
.det .res .vd{font:500 15px/1.3 var(--f-b)}
.det .res .vd.ok{color:var(--lime)}.det .res .vd.w{color:#F5B83D}.det .res .vd.r{color:#FF8A8A}
.det .txt{margin-top:14px;font-size:15.5px;line-height:1.7;color:var(--soft);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto}
.det mark{background:rgba(255,92,92,.22);color:#fff;border-radius:4px;padding:0 3px;box-shadow:inset 0 -2px 0 #ff6b6b}

/* P.A.S.T.A.: rosca + pastas */
.donut-w{display:grid;gap:28px;align-items:center}
@media (min-width:860px){.donut-w{grid-template-columns:300px 1fr;gap:48px}}
.donut{position:relative;width:min(300px,78vw);margin:0 auto;aspect-ratio:1}
.donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.donut .ct{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.donut .ct b{display:block;font:500 54px/1 var(--f-t);letter-spacing:-.03em;color:var(--t)}
.donut .ct span{font-size:13px;color:var(--m);max-width:150px;display:block;margin:6px auto 0}
.dl{display:grid;gap:14px}
.dl>div{display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:start;padding:16px 0;border-bottom:1px solid var(--ln)}
.dl>div:last-child{border-bottom:0}
.dl i{width:14px;height:14px;border-radius:4px;margin-top:5px}
.dl b{display:block;font:400 18px/1.3 var(--f-t);color:var(--t)}
.dl span{display:block;font-size:14px;color:var(--m);margin-top:2px}
.dl em{font:500 20px/1.2 var(--f-t);color:var(--t);font-style:normal}
.folders{display:grid;gap:30px;margin-top:20px}
.fold{position:relative;padding:26px 24px 24px;border-radius:0 24px 24px 24px;background:var(--cb);border:1px solid var(--ln)}
.fold .tab{position:absolute;left:calc(var(--i) * 12%);top:-23px;height:24px;padding:0 16px;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:8px;font:500 12px/1 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--grad)}
@media (max-width:600px){.fold .tab{left:calc(var(--i) * 6%)}}
.fold .tab b{font:500 14px/1 var(--f-t)}
.fold:nth-child(1){border-radius:0 24px 24px 24px}
.fold:not(:nth-child(1)){border-radius:24px}
.fold h4{font:400 21px/1.3 var(--f-t);color:var(--t);margin-bottom:8px}
.fold p{font-size:16px;color:var(--b)}

/* Bônus: roteiro */
.road{padding:clamp(20px,3vw,36px)}
.phases{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:8px}
.phases span{display:flex;align-items:center;min-height:30px;padding:0 10px;border-radius:10px;font:500 11.5px/1.15 var(--f-b);letter-spacing:.04em;text-transform:uppercase;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.weeks{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.weeks a{position:relative;aspect-ratio:1;border-radius:14px;display:grid;place-items:center;text-decoration:none;font:400 clamp(16px,2.4vw,24px)/1 var(--f-t);color:var(--t);background:var(--cb2);border:1px solid var(--ln);transition:all .3s}
.weeks a.done{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 10px 24px -12px rgba(35,99,250,.9)}
.weeks a.done::after{content:"";position:absolute;right:6px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
.road .ft{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px;font-size:14px;color:var(--m)}
@media (max-width:640px){.phases{grid-template-columns:1fr 1fr;gap:6px}.phases span{grid-column:auto!important}}
.wk-grid{display:grid;gap:14px}
@media (min-width:860px){.wk-grid{grid-template-columns:1fr 1fr}}
.wk{scroll-margin-top:calc(var(--nav-h) + 20px);transition:border-color .3s,box-shadow .3s}
.wk.done{border-color:rgba(35,99,250,.5);box-shadow:0 20px 50px -36px rgba(35,99,250,.7)}
.wk .top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.wk .lbl{margin:0}
.wk h4{font:400 22px/1.25 var(--f-t);color:var(--t);margin-bottom:10px}
.wk ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.wk li{position:relative;padding-left:20px;font-size:15px;line-height:1.55;color:var(--b)}
.wk li::before{content:"";position:absolute;left:2px;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.tg{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--ln);background:transparent;color:var(--m);font:500 13px/1 var(--f-b);cursor:pointer;flex:none;transition:all .2s}
.tg::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor}
.tg[aria-pressed=true]{background:var(--grad);color:#fff;border-color:transparent}
.tg[aria-pressed=true]::before{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232363FA' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/10px no-repeat;border-color:#fff}

/* CTA final */
.end{min-height:clamp(640px,92svh,960px);display:flex;align-items:flex-end;padding:120px 0 clamp(56px,7vw,96px)}
.end .t-h2{margin:22px 0 18px;max-width:880px}
.end .t-lead{max-width:680px;color:#fff}
.end .go{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}
.end .metas{margin-top:40px}
@media (max-width:620px){
  .steppers{grid-template-columns:1fr}
  .stp{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px}
  .stp .ctl{margin-top:0;width:150px;flex:none}
  .stp input{font-size:26px}
}
.wk.blue li::before{background:#fff}
.wk.blue .tg{border-color:rgba(255,255,255,.4);color:#fff}
@media (max-width:620px){
  .acro{gap:6px}
  .acro>div{padding:14px 2px 12px;border-radius:16px}
  .acro span{font-size:clamp(9.5px,2.6vw,12px);letter-spacing:-.01em;overflow-wrap:normal;word-break:normal}
  .stack3{height:auto;display:grid;gap:10px}
  .stack3 .lay{position:relative;left:auto;top:auto;width:auto;margin-left:calc(var(--i) * 14px)}
}
@media (min-width:360px) and (max-width:559px){
  .cats{grid-template-columns:1fr 1fr;gap:10px}
  .cats .card{padding:16px}
  .cats .ic{width:38px;height:38px;margin-bottom:12px}
  .cats .card h4{font-size:18px}
  .cats .card p{font-size:13.5px;line-height:1.5}
}