/* /Module/Layout/MainLayout.razor.rz.scp.css */
.main[b-tyktkebow4]
{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.main .main-body[b-tyktkebow4]
{
    flex: 1;
}

.header[b-tyktkebow4]
{
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px clamp(16px, 4vw, 28px);
    background: var(--header-bg);
    backdrop-filter: blur(12px);
}

.header .brand[b-tyktkebow4]
{
    font-size: 1.19rem;
    font-weight: 700;
}

.header .header-actions[b-tyktkebow4]
{
    display: flex;
    align-items: center;
    gap: 10px;
}

.header .header-actions .lang-switch[b-tyktkebow4]
{
    display: flex;
    align-items: center;
    gap: 2px;
    background: var(--lang-bg);
    border-radius: 999px;
    padding: 3px;
}

.header .header-actions .lang-switch .lang-btn[b-tyktkebow4]
{
    color: var(--faint);
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 0.81rem;
    font-weight: 600;
    line-height: 1;
}

.header .header-actions .lang-switch .lang-btn:hover[b-tyktkebow4]
{
    color: var(--ink);
}

.header .header-actions .lang-switch .lang-btn.is-active[b-tyktkebow4],
.header .header-actions .lang-switch .lang-btn.is-active:hover[b-tyktkebow4]
{
    background: var(--card);
    color: var(--ink);
}

.footer[b-tyktkebow4]
{
    padding: 24px var(--gutter) 40px;
    width: 100%;
    max-width: var(--page);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--faint);
}
/* /Module/Pages/Home.razor.rz.scp.css */
.frame[b-slxaciq2x0]
{
    padding: 0 var(--frame);
}

.frame.frame-top[b-slxaciq2x0]
{
    padding-top: var(--frame);
}

.frame.frame-bottom[b-slxaciq2x0]
{
    padding-top: clamp(20px, 3vw, 32px);
    padding-bottom: var(--frame);
}

.band[b-slxaciq2x0]
{
    width: 100%;
    max-width: var(--page);
    margin: 0 auto;
    padding: var(--band) var(--gutter);
    display: flex;
    flex-direction: column;
    gap: clamp(24px, 3vw, 36px);
}

.band.band-last[b-slxaciq2x0]
{
    padding-bottom: 0;
}

.band .band-title[b-slxaciq2x0]
{
    font-size: clamp(1.69rem, 3.75vw, 2.75rem);
    line-height: 1.1;
}

.band .band-title.band-title-wide[b-slxaciq2x0]
{
    max-width: 760px;
}

.band .band-statement[b-slxaciq2x0]
{
    margin: 0;
    max-width: 900px;
    font-size: clamp(1.19rem, 2.25vw, 1.88rem);
    line-height: 1.3;
    font-weight: 500;
}

.band .band-body[b-slxaciq2x0]
{
    margin: 0;
    max-width: 760px;
    font-size: clamp(1rem, 1.59vw, 1.19rem);
    line-height: 1.55;
    color: var(--muted);
}

.tag[b-slxaciq2x0]
{
    display: inline-block;
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 0.78rem;
    font-weight: 600;
    background: var(--stone);
    color: var(--ink-soft);
}

.chip-row[b-slxaciq2x0]
{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.frame .hero[b-slxaciq2x0]
{
    border-radius: var(--radius);
    background: radial-gradient(120% 140% at 12% 0%, var(--wash-warm) 0%, var(--wash-sand) 42%, var(--stone) 100%);
    padding: clamp(48px, 9vw, 110px) clamp(24px, 6vw, 80px) clamp(40px, 7vw, 72px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 26px;
    text-align: center;
}

.frame .hero .hero-title[b-slxaciq2x0]
{
    font-size: clamp(2.25rem, 6.56vw, 5.25rem);
    line-height: 1.02;
    max-width: 1020px;
}

.frame .hero .hero-intro[b-slxaciq2x0]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.frame .hero .hero-sub[b-slxaciq2x0]
{
    font-size: clamp(1.06rem, 1.88vw, 1.31rem);
    line-height: 1.5;
    color: var(--muted);
    max-width: 660px;
}

.frame .hero .hero-audience[b-slxaciq2x0]
{
    font-size: 0.94rem;
    font-weight: 600;
    color: var(--ink-soft);
}

.frame .hero .hero-cta[b-slxaciq2x0]
{
    margin-top: 6px;
}

.frame .hero .hero-note[b-slxaciq2x0]
{
    font-size: 0.88rem;
    color: var(--faint);
}

.band .question-list[b-slxaciq2x0]
{
    list-style: none;
    margin: 0;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: clamp(8px, 1.4vw, 20px) clamp(16px, 2.6vw, 36px);
    display: flex;
    flex-direction: column;
}

.band .question-list .question[b-slxaciq2x0]
{
    display: flex;
    flex-direction: column;
    gap: clamp(6px, 0.8vw, 10px);
    padding: clamp(20px, 2.4vw, 28px) 0;
    border-bottom: 1px solid var(--line);
}

.band .question-list .question:last-child[b-slxaciq2x0]
{
    border-bottom: none;
}

.band .question-list .question .question-title[b-slxaciq2x0]
{
    font-size: clamp(1.19rem, 2.25vw, 1.88rem);
    line-height: 1.25;
    font-weight: 500;
}

.band .question-list .question .question-body[b-slxaciq2x0]
{
    font-size: clamp(0.94rem, 1.13vw, 1.06rem);
    line-height: 1.45;
    color: var(--muted);
}

.band .callout[b-slxaciq2x0]
{
    background: var(--ink);
    color: var(--on-dark);
    border-radius: var(--radius);
    padding: clamp(30px, 4vw, 52px) clamp(26px, 4vw, 56px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: clamp(20px, 3vw, 44px);
}

.band .callout .callout-lead[b-slxaciq2x0]
{
    flex: 1 1 380px;
    max-width: 660px;
    font-size: clamp(1.44rem, 3vw, 2.5rem);
    line-height: 1.15;
    font-weight: 600;
}

.band .step-grid[b-slxaciq2x0]
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: var(--gap-card);
}

.band .step-grid .step[b-slxaciq2x0]
{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    padding: clamp(20px, 2.4vw, 28px);
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    row-gap: 0;
    transition: border-color 0.15s ease;
}

.band .step-grid .step:hover[b-slxaciq2x0]
{
    border-color: var(--line-strong);
}

.band .step-grid .step .step-title[b-slxaciq2x0]
{
    font-size: clamp(1.13rem, 1.5vw, 1.31rem);
    font-weight: 700;
    line-height: 1.2;
}

.band .step-grid .step .step-body[b-slxaciq2x0]
{
    font-size: 0.97rem;
    line-height: 1.55;
    color: var(--muted);
    margin-top: 10px;
}

.band .step-grid .step .step-foot[b-slxaciq2x0]
{
    display: flex;
    align-items: flex-start;
    border-top: 1px solid var(--line);
    margin-top: 22px;
    padding-top: 16px;
}

.band .get-grid[b-slxaciq2x0]
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    gap: var(--gap-card);
}

.band .get-grid .get-card[b-slxaciq2x0]
{
    background: var(--stone);
    border-radius: var(--radius-md);
    padding: clamp(26px, 3vw, 36px);
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: 14px;
}

.band .get-grid .get-card .get-card-title[b-slxaciq2x0]
{
    font-size: clamp(1.31rem, 1.97vw, 1.63rem);
    font-weight: 700;
    line-height: 1.15;
}

.band .get-grid .get-card .get-card-body[b-slxaciq2x0]
{
    font-size: 1rem;
    line-height: 1.55;
    color: var(--muted);
}

.band .compare[b-slxaciq2x0]
{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    padding: clamp(8px, 1.4vw, 20px) clamp(16px, 2.6vw, 36px);
    overflow-x: auto;
}

.band .compare .compare-table[b-slxaciq2x0]
{
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: clamp(0.94rem, 1.13vw, 1.06rem);
    line-height: 1.45;
}

.band .compare .compare-table th[b-slxaciq2x0],
.band .compare .compare-table td[b-slxaciq2x0]
{
    padding: clamp(14px, 1.8vw, 22px) clamp(10px, 1.6vw, 20px);
    border-bottom: 1px solid var(--line);
    vertical-align: top;
    color: var(--muted);
    font-weight: 400;
}

.band .compare .compare-table tr > :first-child[b-slxaciq2x0]
{
    padding-left: 0;
}

.band .compare .compare-table tr > :last-child[b-slxaciq2x0]
{
    padding-right: 0;
}

.band .compare .compare-table tbody tr:last-child > *[b-slxaciq2x0]
{
    border-bottom: none;
}

.band .compare .compare-table thead th[b-slxaciq2x0]
{
    font-size: clamp(1.13rem, 1.5vw, 1.31rem);
    font-weight: 700;
    line-height: 1.2;
}

.band .compare .compare-table tbody th[b-slxaciq2x0]
{
    width: 22%;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--faint);
}

.band .compare .compare-table .is-ours[b-slxaciq2x0]
{
    color: var(--ink);
    font-weight: 500;
}

.band .compare .compare-table thead .is-ours[b-slxaciq2x0]
{
    font-weight: 700;
}

.band.band-panels[b-slxaciq2x0]
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    gap: var(--gap-card);
}

.band.band-panels .panel[b-slxaciq2x0]
{
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    padding: clamp(26px, 3vw, 36px);
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.band.band-panels .panel .panel-title[b-slxaciq2x0]
{
    font-size: clamp(1.5rem, 2.63vw, 2rem);
    line-height: 1.12;
}

.band.band-panels .panel .chip-row .chip[b-slxaciq2x0]
{
    background: var(--accent-tint);
    color: var(--accent-dark);
    border-radius: 18px;
    padding: 10px 16px;
    font-size: 0.91rem;
    font-weight: 500;
}

.band.band-panels .panel .panel-note[b-slxaciq2x0]
{
    font-size: 0.91rem;
    line-height: 1.55;
    color: var(--faint);
    margin-top: auto;
}

.band.band-panels .panel.panel-dark[b-slxaciq2x0]
{
    background: var(--ink);
    border-color: var(--ink);
    color: var(--on-dark);
}

.band.band-panels .panel .dash-list[b-slxaciq2x0]
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.band.band-panels .panel .dash-list .dash-item[b-slxaciq2x0]
{
    display: flex;
    gap: 12px;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--on-dark-soft);
}

.band.band-panels .panel .dash-list .dash-item .dash[b-slxaciq2x0]
{
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 2px;
    margin-top: calc((1.5em - 2px) / 2);
    background: var(--accent);
}

.frame .closing[b-slxaciq2x0]
{
    border-radius: var(--radius);
    background: radial-gradient(120% 140% at 88% 100%, var(--wash-warm) 0%, var(--wash-sand) 45%, var(--stone) 100%);
    padding: clamp(48px, 8vw, 96px) clamp(24px, 6vw, 72px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
}

.frame .closing .closing-title[b-slxaciq2x0]
{
    font-size: clamp(1.63rem, 4.13vw, 3rem);
    line-height: 1.08;
    font-weight: 700;
    max-width: 760px;
}