.kasier-pricing {
--kasier-red: #c90907;
--kasier-black: #1a1a1a;
--kasier-gray: #6d6d6d;
--kasier-light: #f7f7f7;
--kasier-border: #e5e5e5;
width: 100%;
padding: 90px 24px;
background: #ffffff;
}
.kasier-pricing *,
.kasier-pricing *::before,
.kasier-pricing *::after {
box-sizing: border-box;
}
.kasier-pricing__container {
width: min(1170px, 100%);
margin: 0 auto;
}
.kasier-pricing__header {
max-width: 900px;
margin: 0 auto 55px;
text-align: center;
}
.kasier-pricing__eyebrow {
margin: 0 0 18px;
color: #777777;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.kasier-pricing__title {
position: relative;
margin: 0;
color: var(--kasier-red);
font-size: clamp(36px, 3.4vw, 46px);
font-weight: 400;
line-height: 1.15;
letter-spacing: -0.02em;
}
.kasier-pricing__title::after {
content: "";
display: block;
width: 82px;
height: 3px;
margin: 18px auto 20px;
border-bottom: 3px dotted var(--kasier-red);
}
.kasier-pricing__intro {
max-width: 760px;
margin: 0 auto;
color: var(--kasier-gray);
font-size: 16px;
line-height: 1.75;
}
.kasier-pricing__grid {
display: grid;
grid-template-columns: repeat(
4,
minmax(0, 1fr)
);
border-top: 1px solid var(--kasier-border);
border-bottom: 1px solid var(--kasier-border);
}
.kasier-pricing__card {
position: relative;
min-height: 350px;
padding: 34px 28px;
border-right: 1px solid var(--kasier-border);
background: #ffffff;
transition:
background 0.25s ease,
transform 0.25s ease;
}
.kasier-pricing__card:last-child {
border-right: 0;
}
.kasier-pricing__card:hover {
z-index: 2;
background: var(--kasier-light);
transform: translateY(-4px);
}
.kasier-pricing__number {
display: block;
margin-bottom: 28px;
color: var(--kasier-red);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
}
.kasier-pricing__card h3 {
margin: 0 0 16px;
color: var(--kasier-black);
font-size: 22px;
font-weight: 700;
line-height: 1.25;
}
.kasier-pricing__card p {
margin: 0;
color: var(--kasier-gray);
font-size: 14px;
line-height: 1.7;
}
.kasier-pricing__highlight {
margin-top: 55px;
padding: 30px 34px;
display: grid;
grid-template-columns:
minmax(0, 1fr)
auto;
align-items: center;
gap: 35px;
border-left: 4px solid var(--kasier-red);
background: var(--kasier-light);
}
.kasier-pricing__highlight h3 {
margin: 0 0 8px;
color: var(--kasier-black);
font-size: 24px;
font-weight: 700;
line-height: 1.25;
}
.kasier-pricing__highlight p {
max-width: 780px;
margin: 0;
color: var(--kasier-gray);
font-size: 14px;
line-height: 1.7;
}
.kasier-pricing__button {
min-width: 220px;
min-height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 24px;
border: 1px solid var(--kasier-black);
border-radius: 0;
background: var(--kasier-black);
color: #ffffff !important;
font-size: 12px;
font-weight: 750;
line-height: 1;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
transition:
background 0.25s ease,
border-color 0.25s ease,
transform 0.25s ease;
}
.kasier-pricing__button:hover,
.kasier-pricing__button:focus-visible {
border-color: var(--kasier-red);
background: var(--kasier-red);
color: #ffffff !important;
transform: translateY(-2px);
}
@media (max-width: 1050px) {
.kasier-pricing__title {
font-size: 40px;
}
.kasier-pricing__grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.kasier-pricing__card:nth-child(2) {
border-right: 0;
}
.kasier-pricing__card:nth-child(-n+2) {
border-bottom:
1px solid var(--kasier-border);
}
.kasier-pricing__highlight {
grid-template-columns: 1fr;
}
.kasier-pricing__button {
width: fit-content;
}
}
@media (max-width: 767px) {
.kasier-pricing {
padding: 60px 18px;
}
.kasier-pricing__header {
margin-bottom: 38px;
text-align: center;
}
.kasier-pricing__eyebrow {
font-size: 11px;
letter-spacing: 0.12em;
}
.kasier-pricing__title {
font-size: 32px;
line-height: 1.15;
}
.kasier-pricing__title::after {
width: 70px;
margin-top: 16px;
margin-bottom: 20px;
}
.kasier-pricing__intro {
font-size: 15px;
line-height: 1.7;
}
.kasier-pricing__grid {
grid-template-columns: 1fr;
}
.kasier-pricing__card {
min-height: auto;
border-right: 0;
border-bottom:
1px solid var(--kasier-border);
}
.kasier-pricing__card:last-child {
border-bottom: 0;
}
.kasier-pricing__highlight {
margin-top: 38px;
padding: 24px 22px;
}
.kasier-pricing__highlight h3 {
font-size: 21px;
}
.kasier-pricing__button {
width: 100%;
}
}

/* KAS-26: match the introduction's outlined editorial numbers. */
.kasier-pricing__number {
 font-family:"Titillium Web",sans-serif;
 font-size:72px;line-height:1;font-weight:600;
 letter-spacing:-.045em;font-variant-numeric:tabular-nums;
 margin-bottom:22px;color:var(--kasier-red);
}
@supports(-webkit-text-stroke:1px red){
 .kasier-pricing__number{color:transparent;-webkit-text-stroke:1px var(--kasier-red);}
}
@media(max-width:767px){.kasier-pricing__number{font-size:56px;margin-bottom:16px;}}