.rolearn-landing-v2.rolearn-tools-overview{background:var(--bg);min-height:100%;padding:56px 0 72px;position:relative;overflow:hidden}.rolearn-landing-v2 .tools-hero{z-index:2;text-align:center;max-width:760px;margin:0 auto 72px;padding:0 24px;position:relative}.rolearn-landing-v2 .tools-hero .pill{text-transform:uppercase}.rolearn-landing-v2 .tools-hero h1.display{letter-spacing:-.012em;margin:22px 0 18px;font-family:Chakra Petch,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.05}.rolearn-landing-v2 .tools-hero h1.display .accent{color:var(--cyan);text-shadow:0 0 28px #3dd9ff66}.rolearn-landing-v2 .tools-sub{color:var(--text-dim);max-width:520px;margin:0 auto;font-size:16px}.rolearn-landing-v2 .tools-container{z-index:2;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.rolearn-landing-v2 .tools-section{margin-bottom:48px}.rolearn-landing-v2 .tools-section-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;display:flex}.rolearn-landing-v2 .tools-section-label{color:var(--cyan-soft);letter-spacing:.14em;text-transform:uppercase;background:#3dd9ff14;border:1px solid #3dd9ff33;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.rolearn-landing-v2 .tools-section-blurb{color:var(--text-dim);font-family:Manrope,system-ui,sans-serif;font-size:14px}.rolearn-landing-v2 .tools-grid{grid-template-columns:repeat(3,1fr);gap:16px}@media (width<=900px){.rolearn-landing-v2 .tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.rolearn-landing-v2 .tools-grid{grid-template-columns:1fr}}.rolearn-landing-v2 .tools-card{border:1px solid var(--line);text-align:left;cursor:pointer;color:inherit;background:linear-gradient(#121a2eb3,#0a0f1cd9);border-radius:12px;padding:22px;font-family:inherit;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.rolearn-landing-v2 .tools-card:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 24px 48px -16px #0009,0 0 24px -6px #3dd9ff52}.rolearn-landing-v2 .tools-card .corner-tick{opacity:0;border-color:var(--cyan);width:10px;height:10px;transition:opacity .25s}.rolearn-landing-v2 .tools-card:hover .corner-tick{opacity:1}.rolearn-landing-v2 .tools-card:after{content:"";background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #3dd9ff1f, transparent 50%);opacity:0;pointer-events:none;border-radius:12px;transition:opacity .25s;position:absolute;inset:0}.rolearn-landing-v2 .tools-card:hover:after{opacity:1}.rolearn-landing-v2 .tools-card .ico{width:36px;height:36px;color:var(--cyan);background:#3dd9ff1a;border:1px solid #3dd9ff40;border-radius:8px;place-items:center;margin-bottom:14px;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s;display:grid}.rolearn-landing-v2 .tools-card:hover .ico{background:var(--cyan);color:#051018;transform:rotate(-6deg)scale(1.08)}.rolearn-landing-v2 .tools-card h3{letter-spacing:.01em;color:var(--text);margin:0 0 6px;font-family:Chakra Petch,sans-serif;font-size:17px;font-weight:700;transition:color .25s}.rolearn-landing-v2 .tools-card:hover h3{color:var(--cyan)}.rolearn-landing-v2 .tools-card p{color:var(--text-dim);margin:0 0 16px;font-family:Manrope,system-ui,sans-serif;font-size:13px;line-height:1.5}.rolearn-landing-v2 .tools-card .more{color:var(--cyan);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;display:inline-flex}.rolearn-landing-v2 .tools-cta{margin-top:56px;padding:26px 32px}.rolearn-landing-v2 .tools-cta h4{color:var(--text);margin:0 0 6px;font-family:Chakra Petch,sans-serif;font-size:22px}.rolearn-landing-v2 .tools-cta p{color:var(--text-dim);margin:0;font-family:Manrope,system-ui,sans-serif;font-size:14px;line-height:1.6}.rolearn-landing-v2 .tools-cta .link-cta{font:inherit;color:var(--cyan);cursor:pointer;text-decoration:underline;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration-color:#3dd9ff4d;transition:text-decoration-color .2s}.rolearn-landing-v2 .tools-cta .link-cta:hover{-webkit-text-decoration-color:var(--cyan);-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan)}@media (width<=720px){.rolearn-landing-v2 .tools-cta{grid-template-columns:1fr;gap:16px}}