.co-hero{padding:150px 0 90px}.co-hero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(32px, 6vw, 100px);align-items:end}.co-hero .co-hero__title{font-size:clamp(52px, 8vw, 128px);line-height:.95;letter-spacing:-.04em;margin-bottom:24px}.co-hero__title em{font-style:italic;color:var(--h2-blue)}.co-hero .co-hero__sub{font-size:clamp(16px, 1.3vw, 19px);line-height:1.6;color:var(--h2-on-night-2);max-width:46ch}.co-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.co-stats>div{border-top:1px solid var(--h2-night-line);padding-top:16px}.co-stats dt{font:400 clamp(30px, 3vw, 46px)/1 var(--h2-serif);color:var(--h2-blue);letter-spacing:-.03em}.co-stats dd{margin:8px 0 0;font-size:13px;font-weight:600;color:var(--h2-on-night-2)}.co-list{padding:56px 0 120px}.co-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:40px}.co-filter__label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--h2-label);margin-right:8px}.h2-body .co-filter__btn{padding:10px 18px;border-radius:999px;border:1px solid var(--h2-line);background:var(--h2-card);color:var(--h2-ink-2);font:600 14px/1 var(--h2-sans);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.h2-body .co-filter__btn:hover{border-color:#2563EB;color:var(--h2-ink);background:var(--h2-card)}.h2-body .co-filter__btn.is-active{background:#16171C;border-color:#16171C;color:#fff}html.gp-dark .h2-body .co-filter__btn.is-active{background:#F2F2F6;border-color:#F2F2F6;color:#16171C}.co-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.co-card{display:flex;flex-direction:column;background:var(--h2-card);border:1px solid var(--h2-line);border-radius:26px;overflow:hidden;color:var(--h2-ink);box-shadow:var(--gp-shadow-sm,0 1px 3px rgb(20 30 50 / .06));transition:transform .35s var(--h2-ease),box-shadow .35s var(--h2-ease),border-color .35s}a.co-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgb(20 30 50 / .12);border-color:rgb(37 99 235 / .35)}.co-card.is-soon .co-card__thumb img{opacity:.5;filter:grayscale(.4)}.co-card.is-soon .co-card__title{color:var(--h2-ink-2)}.co-card__thumb{display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--h2-paper-2)}.co-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--h2-ease)}a.co-card:hover .co-card__thumb img{transform:scale(1.05)}.co-card__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 26px;position:relative}.co-card__badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.co-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--h2-paper-2);color:var(--h2-ink-2)}.co-badge--free{background:#DCFCE7;color:#166534}html.gp-dark .co-badge--free{background:rgb(74 222 128 / .14);color:#86EFAC}.co-card__n{position:absolute;top:22px;right:24px;font:400 13px var(--h2-sans);letter-spacing:.1em;color:var(--h2-ink-3)}.co-card .co-card__title{font-size:clamp(24px, 2vw, 30px);line-height:1.1;margin-bottom:10px}.co-card__desc{color:var(--h2-ink-2);font-size:15px;line-height:1.6;flex:1}.co-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:700;font-size:14.5px;color:var(--h2-label)}.co-card.is-soon .co-card__link{color:var(--h2-ink-2);font-weight:600}a.co-card:hover .h2-arrow{transform:translateX(4px)}.h2-body .co-empty{margin-top:24px;color:var(--h2-ink-2)}@media (max-width:1024px){.co-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.co-hero{padding-top:110px}.co-hero__grid{grid-template-columns:minmax(0,1fr);align-items:start}}@media (max-width:600px){.co-list{padding-bottom:84px}.co-grid{grid-template-columns:minmax(0,1fr)}.co-stats{gap:12px}}