.okt-page{--forest:#0d3328;--green:#2f6b2f;--yellow:#f6c600;max-width:1180px;margin:auto;padding:70px 24px 100px;color:#1b2721}.okt-page>header{text-align:center;max-width:760px;margin:0 auto 45px}.okt-page>header>p{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.2em}.okt-page h1{font-size:clamp(36px,5vw,62px);line-height:1;margin:10px 0 16px}.okt-page>header>div{font-size:17px;color:#59655e}.okt-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:30px}.okt-filter a{padding:9px 15px;border:1px solid #dce4df;border-radius:999px;color:var(--forest);font-weight:700}.okt-filter a.active,.okt-filter a:hover{background:var(--yellow);border-color:var(--yellow);text-decoration:none}.okt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.okt-card{position:relative;border-radius:14px;padding:30px;background:#fff;box-shadow:0 14px 38px rgba(10,47,36,.1);border-top:4px solid var(--yellow)}.okt-card.featured{background:#fff8d9}.okt-quote{position:absolute;right:22px;top:10px;font-size:75px;color:rgba(47,107,47,.12);line-height:1}.okt-card small{font-weight:800;letter-spacing:.13em;color:var(--green);text-transform:uppercase}.okt-card h2{font-size:23px;line-height:1.15;margin:14px 0}.okt-stars{color:#e4ad00;letter-spacing:2px}.okt-card blockquote{margin:18px 0 24px;padding:0;border:0;font-size:16px;line-height:1.75;color:#4b5851}.okt-card footer{display:flex;align-items:center;gap:12px}.okt-card footer img{width:52px;height:52px;object-fit:cover;border-radius:50%}.okt-card footer strong,.okt-card footer span{display:block}.okt-card footer span{font-size:13px;color:#68746d}.okt-empty{text-align:center;padding:50px;background:#f5f7f5;border-radius:12px}@media(max-width:850px){.okt-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.okt-page{padding:45px 15px}.okt-grid{grid-template-columns:1fr}}