/* assets/v4/course.css: page CSS for the course sales page /academy/inbox-zero-with-claude/ (decisions 5696, 5697). Loads after site.css, proof.css and pricing.css. Cut corners come from tokens.css; no hex values. */
.hero .lede.l2{margin-top:12px;font-weight:500}
.pline{margin-top:22px;font:800 1.1rem var(--fd);color:var(--it)}
.hero .acts{margin-top:10px}
.refund{font:700 .95rem var(--fd);color:var(--it2)}
.for{margin-top:18px;max-width:40rem;font:500 1rem/1.5 var(--fd);color:var(--it2)}
.prob{max-width:46rem;gap:14px;padding:clamp(24px,4vw,44px)}
.prob h2{font-size:clamp(1.7rem,2vw + 1rem,2.6rem)}
.prob p{font-size:1.15rem}
.prob .hit{font:800 1.3rem/1.35 var(--fd);color:var(--h)}
.num{display:grid;place-items:center;width:36px;height:36px;font:800 1.05rem var(--fd);color:var(--white);background:linear-gradient(135deg,var(--cta-a),var(--cta-b));--cut:var(--bevel-ctl);--band-color:var(--cta-b)}
.les{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.les li{display:flex;align-items:center;gap:14px;background:var(--bar);font:700 1.05rem/1.35 var(--fd);color:var(--h)}
.les .num{flex:none}
.note{margin-top:22px;max-width:46rem;font:500 1rem/1.5 var(--fd);color:var(--tx)}
.inbox{max-width:46rem;margin-inline:auto;overflow:hidden;--cut:var(--bevel-lg)}
.ib-bar{padding:12px 20px;font:800 .8rem var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--h);background:var(--bar)}
.ib-row{display:grid;gap:4px;padding:14px 20px;border-top:1px solid var(--gl);color:var(--tx)}
.ib-row .who{font:700 .95rem var(--fd);color:var(--h)}
.ib-row p{font:500 1rem/1.45 var(--fd)}
.tag{display:inline-block;margin-right:8px;padding:2px 8px;font:800 .72rem/1.3 var(--fd);letter-spacing:.04em;color:var(--h);background:var(--bar);--cut:var(--bevel-sm);--band-color:transparent}
.tag.g{background:var(--pewter);color:var(--white);margin-top:0}.tag.o{background:var(--pewter);color:var(--white)}
.dtag{background:var(--red-b);color:var(--white)}
#fit .card{background:var(--bar)}
.fl2{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:12px}
.fl2 li{position:relative;padding-left:32px;font:500 1.05rem/1.45 var(--fd);color:var(--tx)}
.fl2 li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;background:var(--orange-red-b);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}
.fl2.no li::before{background:var(--mu)}
.qa{max-width:56rem;margin-inline:auto;padding:clamp(8px,2vw,20px) clamp(18px,3vw,36px);--cut:var(--bevel-lg);color:var(--tx)}
#faq .qa{background:var(--bar)}
.qa-r{display:grid;gap:8px 40px;padding:22px 0;border-top:1px solid var(--gl)}
.qa-r:first-child{border-top:0}
.qa-r h3{font-size:1.15rem}
.qa-r p{font:500 1.02rem/1.55 var(--fd)}
@media(min-width:820px){#doubts .qa-r{grid-template-columns:5fr 7fr}}
.ab{grid-template-columns:200px 1fr;gap:clamp(20px,3vw,40px);align-items:center;max-width:56rem;margin-inline:auto}
.ab .hs{--s:200px}
.ab h2{margin-bottom:10px}
.bio{list-style:disc;margin:14px 0 0;padding-left:1.2em;display:grid;gap:6px;font:500 1.02rem/1.5 var(--fd)}
.cta-band .card.cta{max-width:46rem;gap:14px}
.cta-band .card.cta h3{margin-top:14px}
.cta-band .card.cta .more{justify-self:center}
.cta-band .ps,.cta-band .legal{max-width:40rem;font:500 .95rem/1.5 var(--fd)}
.cta-band .ps{margin-top:10px}.cta-band .ps b{color:var(--h)}
@media(max-width:800px){.les{grid-template-columns:minmax(0,1fr)}.ab{grid-template-columns:1fr;justify-items:start}.ab .hs{--s:140px}}