.daken-brand-compare {
    position: relative;
    overflow: hidden;
    padding: 96px 0 88px;
    background: radial-gradient(circle at 85% 15%, rgba(192, 24, 34, 0.08), transparent 28%), linear-gradient(180deg, #050505 0%, #0b0b0b 100%);
    color: #fff;
    font-family: 'Play', Arial, sans-serif;
}
.daken-brand-compare *, .daken-brand-compare *::before, .daken-brand-compare *::after { box-sizing: border-box; }
.daken-brand-compare__container { width: min(100% - 40px, 1440px); margin: 0 auto; }
.daken-brand-compare__head { max-width: 820px; margin-bottom: 42px; }
.daken-brand-compare__eyebrow { position: relative; display: flex; align-items: center; margin-bottom: 28px; color: #c01822; font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.daken-brand-compare__eyebrow::after { content: ""; position: absolute; left: 0; bottom: -16px; width: 52px; height: 2px; background: #c01822; }
.daken-brand-compare__title { margin: 0; color: #fff; font-size: clamp(42px, 5.2vw, 76px); line-height: .98; font-weight: 700; letter-spacing: -.045em; }
.daken-brand-compare__subtitle { max-width: 760px; margin-top: 26px; color: rgba(255,255,255,.74); font-size: 22px; line-height: 1.45; font-weight: 400; }
.daken-brand-compare__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.daken-brand-compare-card { position: relative; display: block; min-height: 520px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; color: #fff; text-decoration: none; background: #151515; box-shadow: 0 26px 70px rgba(0,0,0,.42); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.daken-brand-compare-card:hover, .daken-brand-compare-card:focus { color: #fff; text-decoration: none; transform: translateY(-4px); border-color: rgba(192,24,34,.55); box-shadow: 0 34px 90px rgba(0,0,0,.58); }
.daken-brand-compare-card__picture { position: absolute; inset: 0; z-index: 1; }
.daken-brand-compare-card__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.daken-brand-compare-card:hover .daken-brand-compare-card__image { transform: scale(1.035); }
.daken-brand-compare-card__shade { position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg, rgba(5,5,5,.96) 0%, rgba(5,5,5,.82) 34%, rgba(5,5,5,.32) 68%, rgba(5,5,5,.14) 100%), linear-gradient(0deg, rgba(5,5,5,.78) 0%, rgba(5,5,5,.02) 60%); }
.daken-brand-compare-card::before { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,.06), transparent 28%), linear-gradient(90deg, rgba(192,24,34,.16), transparent 34%); opacity: .7; }
.daken-brand-compare-card__content { position: relative; z-index: 4; display: flex; flex-direction: column; min-height: 520px; width: min(100%, 470px); padding: 54px 42px 42px; }
.daken-brand-compare-card__title { margin: 0; color: #fff; font-size: clamp(38px, 4vw, 56px); line-height: .95; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; }
.daken-brand-compare-card__line { width: 56px; height: 2px; margin: 22px 0 26px; background: #c01822; }
.daken-brand-compare-card__text { max-width: 390px; color: rgba(255,255,255,.82); font-size: 20px; line-height: 1.45; font-weight: 400; }
.daken-brand-compare-card__list { display: grid; gap: 16px; margin: 32px 0 34px; padding: 0; list-style: none; }
.daken-brand-compare-card__list li { display: flex; align-items: flex-start; gap: 14px; color: rgba(255,255,255,.84); font-size: 17px; line-height: 1.35; font-weight: 400; }
.daken-brand-compare-card__check { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 21px; width: 21px; height: 21px; margin-top: 1px; border: 1px solid #c01822; border-radius: 50%; color: #c01822; font-size: 12px; line-height: 1; font-weight: 700; }
.daken-brand-compare-card__button { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; width: fit-content; min-width: 330px; margin-top: auto; padding: 17px 26px; border: 1px solid #c01822; color: #fff; background: rgba(5,5,5,.32); font-size: 15px; line-height: 1; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; transition: background .3s ease, border-color .3s ease; }
.daken-brand-compare-card:hover .daken-brand-compare-card__button { background: #c01822; border-color: #c01822; }
.daken-brand-compare-card__arrow { font-size: 24px; line-height: 1; transform: translateY(-1px); }
.daken-brand-compare__bottom { max-width: 800px; margin: 34px auto 0; text-align: center; }
.daken-brand-compare__bottom-text { color: rgba(255,255,255,.72); font-size: 20px; line-height: 1.45; font-weight: 400; }
.daken-brand-compare__cta { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-width: 360px; margin-top: 26px; padding: 20px 34px; border: 1px solid #c01822; background: #c01822; color: #fff; font-size: 16px; line-height: 1; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; transition: background .3s ease, border-color .3s ease, transform .3s ease; }
.daken-brand-compare__cta:hover, .daken-brand-compare__cta:focus { color: #fff; text-decoration: none; background: #9f121b; border-color: #9f121b; transform: translateY(-2px); }
@media (max-width: 1199px) { .daken-brand-compare { padding: 78px 0; } .daken-brand-compare__grid { gap: 18px; } .daken-brand-compare-card, .daken-brand-compare-card__content { min-height: 500px; } .daken-brand-compare-card__content { padding: 42px 30px 34px; } .daken-brand-compare-card__button { min-width: 290px; } }
@media (max-width: 991px) { .daken-brand-compare__grid { grid-template-columns: 1fr; } .daken-brand-compare-card, .daken-brand-compare-card__content { min-height: 500px; } .daken-brand-compare-card__content { width: min(100%, 520px); } }
@media (max-width: 767px) { .daken-brand-compare { padding: 58px 0 62px; } .daken-brand-compare__container { width: min(100% - 28px, 1440px); } .daken-brand-compare__head { margin-bottom: 30px; } .daken-brand-compare__eyebrow { margin-bottom: 24px; font-size: 12px; letter-spacing: .14em; } .daken-brand-compare__title { font-size: 38px; line-height: 1.02; letter-spacing: -.035em; } .daken-brand-compare__subtitle { margin-top: 20px; font-size: 18px; line-height: 1.45; } .daken-brand-compare-card { min-height: 560px; border-radius: 6px; } .daken-brand-compare-card__shade { background: linear-gradient(90deg, rgba(5,5,5,.96) 0%, rgba(5,5,5,.82) 52%, rgba(5,5,5,.24) 100%), linear-gradient(0deg, rgba(5,5,5,.86) 0%, rgba(5,5,5,.12) 70%); } .daken-brand-compare-card__content { min-height: 560px; width: 100%; padding: 34px 24px 28px; } .daken-brand-compare-card__title { font-size: 40px; } .daken-brand-compare-card__text { font-size: 18px; } .daken-brand-compare-card__list { gap: 13px; margin: 26px 0 28px; } .daken-brand-compare-card__list li { font-size: 16px; } .daken-brand-compare-card__button { width: 100%; min-width: 0; padding: 16px 18px; font-size: 13px; } .daken-brand-compare__bottom { margin-top: 30px; } .daken-brand-compare__bottom-text { font-size: 17px; } .daken-brand-compare__cta { width: 100%; min-width: 0; padding: 18px 20px; font-size: 14px; } }
@media (max-width: 420px) { .daken-brand-compare__title { font-size: 34px; } .daken-brand-compare-card__title { font-size: 34px; } .daken-brand-compare-card__button { letter-spacing: .02em; } }