.why-gain-tax{ position:relative; padding:0 0 56px; overflow:hidden; }
.why-gain-tax .container{ position:relative; z-index:2; text-align:center; }

.section-title{
    position: relative;
    display: inline-grid;
    place-items: center;
    padding: 10px 24px 14px;
    margin: 0 0 var(--space-xl);
    line-height: 1.1;
    font-weight: 600;
    color: var(--text-primary);
    border-radius: 22px;
    border: 0;
    vertical-align: middle;
    overflow: visible;
    z-index: 0;
}

.section-title::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--bg-secondary, #1b2125);
    border: 4px solid var(--bg-septenary);
    filter: blur(2px);
    pointer-events: none;
    z-index: -1;
    mix-blend-mode: normal;
}
.section-title::after{ content:none; }

.problem-solution{
    --zone-h: clamp(520px, 48vw, 720px);
    display:grid;
    grid-template-columns:minmax(380px,620px) minmax(380px,620px);
    grid-template-rows:repeat(12, minmax(0,1fr));
    height:var(--zone-h);
    justify-content:center;
    position:relative;
    text-align: left;
    justify-items: start;
}


.word{
    z-index:0; white-space:nowrap; pointer-events:none; user-select:none;
    font-family:"Allerta", system-ui, sans-serif; font-weight:400;
    letter-spacing:-0.16em; color:rgba(47,190,210,.18);
    text-overflow: clip;


    justify-self: start;
    inline-size: auto;
    text-align: left;
    line-height: 1;
}
.word-gain{
    grid-column: 1;
    grid-row: 1;
    place-self: start start;
    display: block;
}
.word-gain .word-inner{
    display: block;
    transform-origin: 0 0;
    transform: translate(-0.25em, -0.55em) scaleY(3.28) scaleX(3.26);
    font-size: 100px;
    color: var(--text-sixthly);
    letter-spacing: -0.17em;
}
.word-tax{
    grid-column: 2;
    grid-row: 7 / -1;
    place-self: center;
    font-size: clamp(180px, 23vw, 340px);
    transform: scaleY(0.95);
    transform-origin: top;
    margin-right: 2.8rem;
    color: var(--bg-senary);
    letter-spacing: -0.19em;
}

.card{
    z-index: 2;
    width: 100%;
    max-width: 620px;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 22px 24px;
    border-radius: 77px;
    justify-content: center;
    align-items: center;
}

.card.problem{
    grid-column: 2;
    grid-row: 1 / 8;
    background: var(--bg-nonary);
    background-clip: padding-box, border-box;
    border: 10px solid var(--bg-senary);
}

.card.solution{
    grid-column: 1;
    grid-row: 5 / 12;
    background: var(--text-sixthly);
    border: none;
}

.card-header{ display:flex; align-items:center; gap:10px; margin-bottom:10px; justify-content:center; }
.card-header h2{ margin:0; text-transform:uppercase; font-size:28px; font-weight:900; color:var(--text-primary); }

.card-body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.card-body>p{ margin:6px 0 12px; font-size:28px; font-weight:600; color:var(--text-primary); max-width: 80%;}
.card-body ul{
    list-style: none;
    padding: 0;
    max-width: 90%;
    margin-left: var(--space-xl);
}
.card-body li{
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 8px 0 0 0;
    line-height: 1.2;
    font-weight: 400;
    color: var(--text-primary);
    font-size: var(--font-size-md);
    text-align: left;
}