/* Section 2 only. Keep the approved hero independent of these rules. */
.vibe-learning{position:relative;isolation:isolate;overflow:hidden;margin:0;padding:30px clamp(24px,6.5vw,110px) 26px;background:radial-gradient(ellipse at 45% 0%,#3d4052 0%,#303342 65%,#282b39 100%);color:#f5eee2;font-family:Georgia,'Times New Roman',serif}
.vibe-learning::before,.vibe-learning::after{content:"";position:absolute;z-index:-1;width:260px;height:260px;border:1px solid #e6d5b51a;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 31px,#e6d5b50c 32px 33px),repeating-conic-gradient(from 15deg,transparent 0deg 29deg,#e6d5b50c 30deg 30.3deg);pointer-events:none}
.vibe-learning::before{left:-205px;top:-55px}
.vibe-learning::after{right:-200px;bottom:-75px}
.vibe-learning-inner{max-width:1500px;margin:0 auto}
.vibe-learning #learning-title{display:flex;align-items:center;gap:22px;margin:0 0 20px;font:400 12px/1.4 Georgia,'Times New Roman',serif;letter-spacing:.3em;text-transform:uppercase;color:#e4d9c7}
.vibe-learning #learning-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#d6c4a64d,transparent)}
.vibe-learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vibe-learning-card{min-width:0;padding:20px clamp(18px,2vw,32px) 24px;border:1px solid #d6c4a64d;border-radius:4px;background:#ffffff02}
.vibe-learning-card svg{display:block;width:94px;height:76px;margin:0 auto 18px;fill:none;stroke:#eee4d1;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.vibe-learning-card h3{margin:0 0 9px;font:400 clamp(21px,1.8vw,28px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.035em;text-transform:none;color:#fff5e6}
.vibe-learning-card p{margin:0;font:400 clamp(15px,1.15vw,18px)/1.4 Georgia,'Times New Roman',serif;letter-spacing:-.015em;color:#e5dfd4}
.vibe-learning-process{display:flex;align-items:center;gap:24px;list-style:none;margin:22px 0 0;padding:0;font:400 12px/1.5 Georgia,'Times New Roman',serif;letter-spacing:.28em;text-transform:uppercase;color:#e4d9c7}
.vibe-learning-process li{display:flex;align-items:center;gap:24px;flex:1}
.vibe-learning-process li:not(:last-child)::after{content:"⟶";flex:1;text-align:center;font-size:30px;line-height:1;letter-spacing:0;color:#b9ad9b}
.vibe-learning-process li:last-child{flex:0}
@media(min-width:769px) and (max-width:1050px){.vibe-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vibe-learning-card p{font-size:17px}}
@media(max-width:768px){.vibe-learning{padding:30px 22px 28px}.vibe-learning-grid{grid-template-columns:1fr;gap:14px}.vibe-learning-card{padding:23px;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:18px}.vibe-learning-card svg{width:64px;height:56px;margin:0;grid-row:1 / 3}.vibe-learning-card h3{font-size:25px;margin-bottom:10px}.vibe-learning-card p{font-size:17px;line-height:1.45}.vibe-learning-process{gap:8px;font-size:9px;letter-spacing:.12em}.vibe-learning-process li{gap:8px}.vibe-learning-process li:not(:last-child)::after{font-size:20px}.vibe-learning #learning-title{font-size:11px;letter-spacing:.25em;gap:12px}}
.vibe-learning-card svg{flex-shrink:0}
/* A transparent cloud-lilac wash; keep cream text readable throughout the fade.
   Match Section 6's gentle timing without changing the card geometry. */
.vibe-learning-card{transition:background-color 300ms ease,border-color 300ms ease}
@media (hover:hover) and (pointer:fine){
 .vibe-learning-card:hover{background:rgb(233 228 239 / 10%);border-color:rgb(233 228 239 / 40%)}
}
.vibe-learning-card:focus-within{background:rgb(233 228 239 / 10%);border-color:rgb(233 228 239 / 40%)}
@media(prefers-reduced-motion:reduce){.vibe-learning-card{transition:none}}
/* A tighter reading scale and a shared alignment for each panel. */
.vibe-learning{padding-top:24px;padding-bottom:20px}
.vibe-learning #learning-title{margin-bottom:16px;font-size:11px;letter-spacing:.26em}
.vibe-learning-grid{gap:14px}
.vibe-learning-card{padding:18px 20px 20px}
.vibe-learning-card svg{width:72px;height:58px;margin:0 0 14px}
.vibe-learning-card h3{font-size:clamp(19px,1.5vw,23px);line-height:1.2;margin-bottom:8px}
.vibe-learning-card p{font-size:clamp(14px,1.05vw,16px);line-height:1.4;letter-spacing:0;text-wrap:pretty}
.vibe-learning-process{margin-top:16px;font-size:10px;letter-spacing:.23em}
.vibe-learning-process li:not(:last-child)::after{font-size:25px}
@media(max-width:768px){.vibe-learning-card{padding:18px;grid-template-columns:48px minmax(0,1fr);column-gap:14px}.vibe-learning-card svg{width:48px;height:44px;margin:0}.vibe-learning-card h3{font-size:22px}.vibe-learning-card p{font-size:16px;line-height:1.4}.vibe-learning-process{font-size:9px;letter-spacing:.1em}.vibe-learning-process li:not(:last-child)::after{font-size:20px}}
@media(max-width:768px){.vibe-learning-card{align-items:center}.vibe-learning-card svg{grid-row:1}.vibe-learning-card h3{margin:0}.vibe-learning-card p{grid-column:1 / -1;margin-top:16px}}