/* Learning Hub 3.4 · Vmail + Vchat public SaaS learning experience */
.vmail-guide-hero{margin:4px 0 34px;padding:34px;border:1px solid #dcd9ff;border-radius:24px;background:radial-gradient(circle at 88% 18%,rgba(36,185,244,.15),transparent 34%),linear-gradient(135deg,rgba(101,86,238,.10),rgba(255,255,255,.92));overflow:hidden}.vmail-guide-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.vmail-guide-brand img{width:190px;max-width:52%;height:auto}.vmail-guide-brand span{padding:6px 9px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--primary);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.vmail-guide-hero h1{max-width:760px;margin:0 0 13px;font-size:38px;line-height:1.06;letter-spacing:-1.2px}.vmail-guide-hero>p{max-width:800px;margin:0;color:var(--muted);font-size:15px}.vmail-guide-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.vmail-guide-actions a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:10px;text-decoration:none;background:var(--primary);color:#fff;font-size:10.5px;font-weight:850}.vmail-guide-actions a+ a{background:var(--panel);color:var(--primary);border:1px solid #d8d4ff}.vmail-benefit-grid,.vmail-check-grid,.vmail-stage-grid,.vmail-question-grid,.vmail-recipe-grid,.vmail-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:18px 0 28px}.vmail-benefit-grid article,.vmail-check-grid article,.vmail-stage-grid article,.vmail-question-grid article,.vmail-recipe-grid article,.vmail-metric-grid article{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel)}.vmail-benefit-grid article>b,.vmail-recipe-grid article>b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--panel-2);color:var(--primary);font-size:10px;margin-bottom:9px}.vmail-benefit-grid strong,.vmail-check-grid strong,.vmail-stage-grid strong,.vmail-question-grid strong,.vmail-recipe-grid strong,.vmail-metric-grid strong{display:block;font-size:13px;margin-bottom:4px}.vmail-benefit-grid p,.vmail-check-grid p,.vmail-stage-grid p,.vmail-question-grid p,.vmail-recipe-grid p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.55}.vmail-stage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vmail-stage-grid small{display:block;color:var(--primary);font-size:8px;font-weight:900;letter-spacing:.7px;margin-bottom:5px}.vmail-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vmail-metric-grid span{display:block;color:var(--muted);font-size:10.5px;line-height:1.45}.vmail-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin:18px 0 30px}.vmail-flow>div{min-height:138px;border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--panel)}.vmail-flow>i{color:var(--soft);font-style:normal}.vmail-flow span{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--panel-2);color:var(--primary);font-size:9px;font-weight:900;margin-bottom:8px}.vmail-flow strong{display:block;font-size:12px}.vmail-flow p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.vmail-flow-4{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}.vmail-example{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 30px}.vmail-example-step{border:1px solid #ddd9ff;border-radius:14px;padding:16px;background:linear-gradient(160deg,var(--panel),rgba(101,86,238,.05))}.vmail-example-step small{display:block;color:var(--primary);font-size:8px;font-weight:900;letter-spacing:.8px;margin-bottom:6px}.vmail-example-step strong{display:block;font-size:12px}.vmail-example-step p{margin:5px 0 0;color:var(--muted);font-size:10.5px}.vmail-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 30px}.vmail-compare article{border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--panel)}.vmail-compare h3{margin-top:0}.vmail-step-list{display:grid;gap:10px;margin:18px 0 30px}.vmail-step-list section{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.vmail-step-list section>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--panel-2);color:var(--primary)}.vmail-step-list strong{display:block;font-size:12px}.vmail-step-list p{margin:4px 0 0;color:var(--muted);font-size:11px}.vmail-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vmail-home-spotlight{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:26px;margin:26px 0;padding:26px;border:1px solid #ddd9ff;border-radius:20px;background:linear-gradient(135deg,rgba(101,86,238,.08),rgba(36,185,244,.06))}.vmail-home-spotlight span{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.8px}.vmail-home-spotlight h2{margin:5px 0 7px}.vmail-home-spotlight p{color:var(--muted);font-size:12px}.vmail-home-spotlight a{font-size:10.5px;color:var(--primary);font-weight:850;text-decoration:none}.vmail-home-spotlight img{width:100%;height:auto}.vmail-question-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.vmail-flow,.vmail-flow-4{grid-template-columns:1fr}.vmail-flow>i{transform:rotate(90deg);justify-self:center}.vmail-stage-grid,.vmail-metric-grid,.vmail-question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vmail-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.vmail-guide-hero{padding:22px}.vmail-guide-hero h1{font-size:30px}.vmail-guide-brand{align-items:flex-start;flex-direction:column}.vmail-guide-brand img{max-width:74%;width:210px}.vmail-benefit-grid,.vmail-check-grid,.vmail-stage-grid,.vmail-question-grid,.vmail-recipe-grid,.vmail-metric-grid,.vmail-example,.vmail-compare,.vmail-home-spotlight{grid-template-columns:1fr}.vmail-home-spotlight img{width:180px}.vmail-flow>div{min-height:0}}