/* Pagina de alegere a celor 5 variante (pentru prezentare). */
:root{--bg:#F3F4F7;--ink:#0B0F1A;--muted:#525A6E}
.al{padding:64px 0 120px}
.al-head{display:grid;grid-template-columns:72px 1fr;gap:24px;align-items:start;margin-bottom:48px}
.al-head .brand__mark{width:72px;height:72px}
.al-head .brand__mark svg{width:100%;height:100%}
.al-kick{color:var(--muted);font-weight:600;margin-bottom:12px}
.al h1{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:800;letter-spacing:-.035em;line-height:1}
.al-lead{color:var(--muted);font-size:1.125rem;max-width:760px;margin-top:16px}
.al-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.al-list li:first-child{grid-column:1/-1}
.al-card{display:grid;grid-template-rows:auto 1fr;height:100%;border-radius:24px;overflow:hidden;background:#fff;text-decoration:none;box-shadow:0 1px 2px rgba(10,15,40,.06);transition:transform var(--t-std) var(--ease),box-shadow var(--t-std) var(--ease)}
.al-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(10,15,40,.4)}
.al-card img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:left top}
.al-list li:first-child .al-card{grid-template-rows:none;grid-template-columns:1.4fr 1fr}
.al-list li:first-child .al-card img{height:100%}
.al-card>div{padding:24px 28px 28px}
.al-n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;margin-bottom:12px}
.al-card h2{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.al-card p{color:var(--muted)}
.al-more{margin-top:40px;font-weight:500}
@media (max-width:860px){
  .al-list{grid-template-columns:1fr}
  .al-list li:first-child .al-card{grid-template-columns:1fr}
  .al-head{grid-template-columns:1fr}
}