.hero-training-view{padding:8px 0;display:flex;flex-direction:column;gap:14px;color:#e8f2ef}
.hero-training-view .eyebrow{font-size:11px;color:#b1dcd1;letter-spacing:.08em}
.hero-training-view h2{font-size:26px;line-height:1.2;margin:0}
.hero-train-lead{font-size:14px;line-height:1.5;margin:0;color:#c1d8d3}
.hero-train-feature{padding:14px;border:1px solid #77bdab65;background:#102d30;border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.hero-train-feature>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.hero-train-feature span,.hero-train-premium span{font-size:11px;color:#accfc7;letter-spacing:.07em;font-weight:800}
.hero-train-feature b{font-size:15px;color:#f0e0c5}
.hero-train-feature small,.hero-train-premium small{font-size:12px;line-height:1.5;color:#afc7c3}
.hero-train-feature em,.hero-train-branch em{font-style:normal;font-size:12px;color:#ecd3a8}
.hero-training-view button{min-height:44px;cursor:pointer;font-size:13px;font-weight:750}
.hero-training-view button:disabled{opacity:.42;cursor:default}
.hero-train-branches{display:flex;flex-direction:column;gap:9px}
.hero-train-branches h3{margin:3px 0;font-size:17px}
.hero-train-branch{display:grid;grid-template-columns:35px minmax(0,1fr) 85px;align-items:center;gap:9px;padding:12px;border:1px solid #648e9756;border-radius:13px;background:#121e2a}
.hero-train-branch-icon{font-size:22px;color:#c8dbb7;text-align:center}
.hero-train-branch>div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.hero-train-branch b{font-size:14px}.hero-train-branch span{font-size:12px;color:#a4d4c6}
.hero-train-branch small{font-size:12px;line-height:1.35;color:#afc2c7}
.hero-train-branch button{padding:7px 4px;font-size:12px}
.hero-train-premium{padding:14px;border:1px solid #ceb88460;border-radius:15px;background:linear-gradient(140deg,#292233,#171b2a);display:flex;flex-direction:column;gap:8px}
.hero-train-premium b{font-size:19px;color:#f4deb6}.hero-train-premium p{font-size:13px;line-height:1.5;margin:0;color:#e0d9d7}
.hero-train-premium button{align-self:flex-start;padding:8px 18px}
.hero-train-feedback{padding:10px 12px;border-left:3px solid #84d6b4;background:#18352d;color:#dff5e3;font-size:13px}
.hero-premium-explainer{text-align:left}.hero-premium-explainer h2{font-size:22px}.hero-premium-explainer p{font-size:14px;line-height:1.6}
.hero-train-inline{padding:8px 12px;border:1px solid #b1c5a050;background:#19372f;color:#e7e5c2;border-radius:9px;cursor:pointer;font-size:13px;min-height:44px}
@media(max-width:350px){.hero-train-branch{grid-template-columns:25px minmax(0,1fr) 72px;padding:9px;gap:6px}.hero-train-feature{grid-template-columns:1fr}.hero-train-feature button{width:100%}}