/* Pyraminx.net — landing page styles. */

.homeintro{margin:44px 0 34px;max-width:680px}
.homeintro h1{font-size:clamp(30px,4.6vw,44px);line-height:1.12;margin:0 0 14px;letter-spacing:-.01em}
.homeintro h1 b{color:var(--yellow);font-weight:800}
.homeintro .lede{font-size:16.5px;max-width:60ch}
.toolgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin:0 0 28px}
.toolcard{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 24px 20px;text-decoration:none;color:var(--txt);transition:border-color .15s, transform .15s}
.toolcard:hover{border-color:var(--line2);transform:translateY(-2px)}
.toolcard .mark{width:30px;height:26px;clip-path:polygon(50% 0,100% 100%,0 100%)}
.toolcard.oo .mark{background:linear-gradient(135deg,var(--yellow),var(--green))}
.toolcard.solver .mark{background:linear-gradient(135deg,var(--blue),var(--green))}
.toolcard.trainer .mark{background:linear-gradient(135deg,var(--red),var(--yellow))}
.toolcard h2{font-family:var(--disp);font-weight:700;font-size:21px;margin:2px 0 0}
.toolcard p{color:var(--mut);margin:0;font-size:14.5px;flex:1}
.toolcard .go{color:var(--yellow);font-weight:600;font-size:14.5px}
.factline{color:var(--dim);font-size:14px;margin:0}
.factline code{color:var(--mut)}