.bt-wrap { max-width: var(--content-max-width); margin: 0 auto; padding: 0 1rem 4rem; }

.bt-hero { text-align: center; padding: 3rem 0 1rem; }
.bt-hero h1 { font-size: 2.4rem; letter-spacing: -.02em; margin: 0 0 .6rem; }
.bt-hero .grad {
    background: var(--color-gradient);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.bt-hero p { color: var(--color-text-secondary); max-width: 46rem; margin: 0 auto; line-height: 1.7; }

.bt-sec { margin-top: 3rem; }
.bt-sec h2 {
    font-size: 1.35rem; margin: 0 0 .9rem; letter-spacing: -.01em;
    display: flex; align-items: baseline; gap: .6rem;
}
.bt-sec h2 .num { color: var(--color-text-tertiary); font-family: var(--font-family-mono); font-size: .85rem; }
.bt-sec > p { color: var(--color-text-secondary); line-height: 1.75; margin: 0 0 .9rem; }
.bt-sec b { color: var(--color-text-primary); }

.bt-ben { display: grid; gap: .9rem; margin: 1.2rem 0; }
@media (min-width: 720px) { .bt-ben { grid-template-columns: 1fr 1fr; } }
.bt-ben-item {
    border: 1px solid var(--color-border-subtle); border-radius: 12px;
    padding: 1.1rem 1.2rem; background: var(--color-bg-secondary);
}
.bt-ben-item h3 { margin: 0 0 .4rem; font-size: 1rem; }
.bt-ben-item p { margin: 0; color: var(--color-text-secondary); font-size: .93rem; line-height: 1.65; }
.bt-ben-item .who {
    display: block; color: var(--color-text-tertiary); font-family: var(--font-family-mono);
    font-size: .74rem; text-transform: uppercase; letter-spacing: .05em; margin-bottom: .45rem;
}

.bt-list { display: grid; gap: .75rem; margin: 1rem 0; }
.bt-row {
    display: flex; gap: .85rem; align-items: flex-start;
    border: 1px solid var(--color-border-subtle); border-radius: 10px; padding: .85rem 1rem;
}
/* Галочка — рисунок, а не символ: см. комментарий у компонента t6icon
   name="tick". Обёртка держит ширину столбца и выравнивает знак по первой
   строке текста рядом, а не по середине абзаца. */
.bt-row .tick {
    color: var(--color-secondary);
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    height: calc(1rem * 1.5);
}
.bt-row div { min-width: 0; }
.bt-row b { display: block; margin-bottom: .2rem; }
.bt-row span { color: var(--color-text-secondary); font-size: .92rem; line-height: 1.6; }
.bt-row code {
    font-family: var(--font-family-mono); font-size: .85em;
    background: var(--color-bg-secondary); padding: .05em .35em; border-radius: 4px;
    overflow-wrap: anywhere;
}

.bt-nums {
    border: 1px solid var(--color-border-subtle); border-radius: 12px;
    background: var(--color-bg-secondary); padding: 1.2rem 1.3rem; margin: 1.2rem 0;
    overflow-x: auto;
}
.bt-nums dl { margin: 0; display: grid; gap: .8rem; }
@media (min-width: 640px) { .bt-nums dl { grid-template-columns: repeat(3, 1fr); gap: 1.1rem; } }
.bt-nums dt { color: var(--color-text-tertiary); font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.bt-nums dd {
    margin: .15rem 0 0; font-family: var(--font-family-mono); font-size: 1.5rem;
    color: var(--color-text-primary); letter-spacing: -.02em;
}
.bt-nums dd small { font-size: .8rem; color: var(--color-text-secondary); font-family: var(--font-family-base); }

.bt-honest {
    border: 1px solid var(--color-border-subtle); border-left: 3px solid var(--color-primary);
    border-radius: 10px; padding: 1rem 1.2rem; margin: 1rem 0;
    background: var(--color-bg-secondary);
}
.bt-honest h3 { margin: 0 0 .45rem; font-size: .95rem; }
.bt-honest p { margin: 0; color: var(--color-text-secondary); font-size: .92rem; line-height: 1.65; }

.bt-time { display: grid; gap: .8rem; margin: 1.2rem 0; }
.bt-time-item {
    border: 1px solid var(--color-border-subtle); border-radius: 10px;
    padding: .95rem 1.1rem; position: relative;
}
.bt-time-item .when {
    display: block; color: var(--color-text-tertiary); font-family: var(--font-family-mono);
    font-size: .74rem; text-transform: uppercase; letter-spacing: .05em; margin-bottom: .35rem;
}
.bt-time-item > b { display: block; margin-bottom: .35rem; font-size: 1rem; }
.bt-time-item p { margin: 0 0 .6rem; color: var(--color-text-secondary); font-size: .92rem; line-height: 1.65; }
.bt-time-item p:last-child { margin-bottom: 0; }
.bt-time-item.is-main {
    border-left: 3px solid var(--color-secondary); background: var(--color-bg-secondary);
}

.bt-note { color: var(--color-text-tertiary); font-size: .85rem; line-height: 1.6; }
.bt-cta { margin-top: 2.5rem; display: flex; gap: .7rem; flex-wrap: wrap; }
@media (max-width: 640px) { .bt-hero h1 { font-size: 1.9rem; } }