.uif-bfx, .uif-bfx * { box-sizing:border-box; }
.uif-bfx { font-family:var(--uif-font); font-size:var(--uif-fs-base); line-height:var(--uif-lh); color:var(--uif-ink); background:var(--uif-white); container-type:inline-size; }
.uif-bfx :is(h1,h2,h3,p) { margin:0; }
.uif-bfx a { color:inherit; text-underline-offset:var(--uif-sp-1); }
.uif-bfx-container { max-width:var(--uif-container); margin-inline:auto; padding-inline:var(--uif-sp-8); }
.uif-bfx-ribbon { height:var(--uif-sp-14); padding:0 var(--uif-sp-5); display:flex; justify-content:center; align-items:center; gap:var(--uif-sp-6); background:var(--uif-yellow); font-size:var(--uif-fs-sm); }
.uif-bfx-ribbon strong { font-weight:800; white-space:nowrap; }
.uif-bfx-ribbon a { display:flex; align-items:center; min-height:var(--uif-sp-12); font-weight:700; white-space:nowrap; }
.uif-bfx-masthead { max-width:var(--uif-container); margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:var(--uif-sp-4); padding:var(--uif-sp-4) var(--uif-sp-8); }
.uif-bfx-logo { font-weight:900; font-size:var(--uif-fs-xl); line-height:1.2; letter-spacing:-.04em; }
.uif-bfx-logo span { display:block; font-size:var(--uif-fs-sm); font-weight:400; letter-spacing:0; margin-top:var(--uif-sp-1); }
.uif-bfx-masthead a { display:flex; align-items:center; min-height:var(--uif-sp-12); font-size:var(--uif-fs-sm); }
.uif-bfx-stage { background:var(--uif-soft); padding-block:var(--uif-sp-6) var(--uif-sp-8); }
.uif-bfx-hero { display:grid; grid-template-columns:1.08fr 1fr; gap:var(--uif-sp-6); align-items:stretch; }
.uif-bfx-intro { display:flex; flex-direction:column; align-items:flex-start; gap:var(--uif-sp-6); padding:var(--uif-sp-10); background:var(--uif-ink); color:var(--uif-white); border-radius:var(--uif-r-hero); }
.uif-bfx-campaign-label { padding:var(--uif-sp-2) var(--uif-sp-3); border-radius:var(--uif-r-pill); background:var(--uif-yellow); color:var(--uif-ink); font-size:var(--uif-fs-sm); font-weight:700; }
.uif-bfx-title { font-size:var(--uif-fs-h1); font-weight:800; line-height:1.08; letter-spacing:-.045em; text-wrap:balance; max-width:100%; }
.uif-bfx-lead { font-size:var(--uif-fs-xl); line-height:1.5; }
.uif-bfx-intro .uif-bfx-description { color:var(--uif-line); font-size:var(--uif-fs-base); }
.uif-bfx .uif-bfx-button { display:inline-flex; align-items:center; justify-content:center; min-height:var(--uif-sp-12); padding:var(--uif-sp-3) var(--uif-sp-6); background:var(--uif-yellow); color:var(--uif-ink); border:1px solid var(--uif-ink); border-radius:var(--uif-r-control); font:inherit; font-size:var(--uif-fs-base); font-weight:800; line-height:1.4; text-decoration:none; transition:background var(--uif-dur-fast) var(--uif-ease); }
.uif-bfx-intro .uif-bfx-button { border-color:var(--uif-yellow); }
.uif-bfx-intro-foot { display:flex; flex-wrap:wrap; gap:var(--uif-sp-3); font-size:var(--uif-fs-sm); color:var(--uif-line); margin-top:auto; padding-top:var(--uif-sp-2); }
.uif-bfx-intro-foot span + span { border-left:1px solid var(--uif-muted); padding-left:var(--uif-sp-3); }
.uif-bfx-signup { padding:var(--uif-sp-8); border:1px solid var(--uif-line); border-radius:var(--uif-r-hero); background:var(--uif-white); scroll-margin-top:var(--uif-sp-4); }
.uif-bfx-signup-intro { display:grid; gap:var(--uif-sp-3); margin-bottom:var(--uif-sp-6); }
.uif-bfx-caption { font-size:var(--uif-fs-sm); font-weight:700; }
.uif-bfx-heading { font-size:var(--uif-fs-h2); font-weight:800; line-height:1.2; letter-spacing:-.03em; text-wrap:balance; }
.uif-bfx-signup-intro p:last-child { font-size:var(--uif-fs-sm); color:var(--uif-muted); }
.uif-bfx-form { display:grid; gap:var(--uif-sp-4); }
.uif-bfx-field { display:grid; gap:var(--uif-sp-2); font-size:var(--uif-fs-sm); font-weight:700; }
.uif-bfx-input { width:100%; min-width:0; min-height:53px; margin:0; padding:var(--uif-sp-3) var(--uif-sp-4); border:1px solid var(--uif-field-line); border-radius:var(--uif-r-control); background:var(--uif-white); color:var(--uif-ink); font:inherit; font-weight:400; font-size:var(--uif-fs-base); }
.uif-bfx-check { display:flex; align-items:flex-start; gap:var(--uif-sp-3); min-height:var(--uif-sp-12); font-size:var(--uif-fs-sm); line-height:1.5; }
.uif-bfx-check input { width:var(--uif-sp-5); height:var(--uif-sp-5); margin:var(--uif-sp-1) 0 0; flex-shrink:0; accent-color:var(--uif-ink); }
.uif-bfx-whatsapp { border-top:1px solid var(--uif-line); border-bottom:1px solid var(--uif-line); }
.uif-bfx-whatsapp summary { min-height:var(--uif-sp-12); padding-block:var(--uif-sp-3); font-size:var(--uif-fs-sm); font-weight:600; }
.uif-bfx-whatsapp summary span { color:var(--uif-muted); font-weight:400; margin-left:var(--uif-sp-1); }
.uif-bfx-whatsapp-fields { display:grid; gap:var(--uif-sp-4); padding-block:var(--uif-sp-2) var(--uif-sp-4); }
.uif-bfx-form .uif-bfx-button { width:100%; }
.uif-bfx-privacy { font-size:var(--uif-fs-sm); line-height:1.6; }
.uif-bfx-prototype { font-size:var(--uif-fs-sm); }
.uif-bfx-result { padding:var(--uif-sp-4); border-radius:var(--uif-r-control); background:var(--uif-warm-surface); color:var(--uif-warm-ink); font-size:var(--uif-fs-sm); }
.uif-bfx-result[hidden] { display:none; }
.uif-bfx-sample { display:grid; grid-template-columns:1fr 1fr; gap:var(--uif-sp-10); padding-block:var(--uif-sp-12); align-items:center; }
.uif-bfx-sample .uif-bfx-heading { margin-top:var(--uif-sp-3); }
.uif-bfx-language { display:grid; grid-template-columns:1fr 1fr; gap:var(--uif-sp-4); border-left:2px solid var(--uif-yellow); padding-left:var(--uif-sp-6); }
.uif-bfx-language span { display:block; color:var(--uif-muted); font-size:var(--uif-fs-sm); }
.uif-bfx-language s { font-size:var(--uif-fs-lg); text-decoration-color:var(--uif-danger); text-decoration-thickness:2px; }
.uif-bfx-language strong { display:block; font-size:var(--uif-fs-h2); line-height:1.5; font-weight:800; }
.uif-bfx-language p { grid-column:1/-1; color:var(--uif-muted); font-size:var(--uif-fs-sm); }
.uif-bfx-lessons { padding-block:var(--uif-sp-12); }
.uif-bfx-section-intro { display:grid; grid-template-columns:1fr 1fr; gap:var(--uif-sp-10); }
.uif-bfx-section-intro p { color:var(--uif-muted); }
.uif-bfx-lesson-list { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--uif-sp-6); margin-top:var(--uif-sp-8); }
.uif-bfx-lesson { display:flex; flex-direction:column; align-items:flex-start; gap:var(--uif-sp-4); padding:var(--uif-sp-6); border-radius:var(--uif-r-card); background:var(--uif-soft); }
.uif-bfx-lesson-type { font-size:var(--uif-fs-sm); font-weight:700; padding:var(--uif-sp-1) var(--uif-sp-3); border-radius:var(--uif-r-pill); background:var(--uif-white); }
.uif-bfx-lesson h3 { font-size:var(--uif-fs-lg); font-weight:700; line-height:1.4; }
.uif-bfx-lesson p { margin-top:var(--uif-sp-3); font-size:var(--uif-fs-sm); color:var(--uif-muted); }
.uif-bfx-lesson-word { margin-top:auto; padding-top:var(--uif-sp-3); font-size:var(--uif-fs-xl); font-weight:800; letter-spacing:-.03em; }
.uif-bfx-test { padding-block:var(--uif-sp-12); background:var(--uif-warm-surface); }
.uif-bfx-test-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:var(--uif-sp-10); align-items:center; }
.uif-bfx-test .uif-bfx-heading { margin-top:var(--uif-sp-3); }
.uif-bfx-test p:not(.uif-bfx-caption):not(.uif-bfx-micro) { margin-top:var(--uif-sp-4); color:var(--uif-muted); }
.uif-bfx-test .uif-bfx-button { margin-top:var(--uif-sp-6); }
.uif-bfx-micro { font-size:var(--uif-fs-sm); color:var(--uif-muted); margin-top:var(--uif-sp-3) !important; }
.uif-bfx-levels { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--uif-sp-4); }
.uif-bfx-levels div { border-top:2px solid var(--uif-yellow); padding-top:var(--uif-sp-4); }
.uif-bfx-levels span { font-weight:800; font-size:var(--uif-fs-xl); }
.uif-bfx-levels p { font-size:var(--uif-fs-sm); }
.uif-bfx-faq-section { display:grid; grid-template-columns:1fr 1.4fr; gap:var(--uif-sp-10); padding-block:var(--uif-sp-12); }
.uif-bfx-faq details { border-bottom:1px solid var(--uif-line); }
.uif-bfx-faq summary { min-height:var(--uif-sp-12); padding-block:var(--uif-sp-4); font-weight:600; }
.uif-bfx-faq p { padding-bottom:var(--uif-sp-4); font-size:var(--uif-fs-sm); color:var(--uif-muted); }
.uif-bfx-final { padding-block:var(--uif-sp-6) var(--uif-sp-12); display:flex; align-items:center; justify-content:space-between; gap:var(--uif-sp-6); }
.uif-bfx-footer { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:var(--uif-sp-4); padding:var(--uif-sp-5) var(--uif-sp-8); border-top:1px solid var(--uif-line); font-size:var(--uif-fs-sm); color:var(--uif-muted); }
.uif-bfx-text-button { font:inherit; color:var(--uif-ink); min-height:var(--uif-sp-12); padding:var(--uif-sp-3); border:0; background:transparent; text-decoration:underline; }
.uif-bfx-dialog { width:min(560px,calc(100% - var(--uif-sp-8))); max-height:calc(100% - var(--uif-sp-8)); padding:var(--uif-sp-10); border:0; border-radius:var(--uif-r-hero); background:var(--uif-white); color:var(--uif-ink); font-family:var(--uif-font); box-shadow:var(--uif-sh-dark); }
.uif-bfx-dialog::backdrop { background:var(--uif-ink); opacity:.65; }
.uif-bfx-dialog-content { display:grid; gap:var(--uif-sp-5); }
.uif-bfx-dialog-content .uif-bfx-campaign-label { justify-self:start; }
.uif-bfx-dialog-content .uif-bfx-heading { margin-top:var(--uif-sp-3); font-size:var(--uif-fs-h1); }
.uif-bfx-dialog-content p { font-size:var(--uif-fs-base); }
.uif-bfx-dialog-content .uif-bfx-micro { font-size:var(--uif-fs-sm); margin-top:0 !important; }
.uif-bfx-close { position:absolute; top:var(--uif-sp-2); right:var(--uif-sp-2); width:var(--uif-sp-12); height:var(--uif-sp-12); font:inherit; font-size:var(--uif-fs-h4); color:var(--uif-ink); border:0; border-radius:var(--uif-r-pill); background:var(--uif-white); }
.uif-bfx :is(a,button,summary):hover { text-decoration:underline; }
.uif-bfx .uif-bfx-button:hover { background:var(--uif-btn-hover); color:var(--uif-ink); text-decoration:none; }
.uif-bfx :is(a,button,input,summary):focus-visible { outline:3px solid var(--uif-ink); outline-offset:var(--uif-sp-1); }
.uif-bfx-intro a:focus-visible { outline-color:var(--uif-white); }
.uif-bfx :is(button,a):active { transform:translateY(1px); }
.uif-bfx :is(button,input):disabled, .uif-bfx a[aria-disabled="true"] { opacity:.5; }
@container(max-width:1100px) { .uif-bfx-intro { padding:var(--uif-sp-8); } .uif-bfx-signup { padding:var(--uif-sp-6); } .uif-bfx-hero { gap:var(--uif-sp-5); } }
@container(max-width:900px) {
 .uif-bfx-hero { grid-template-columns:1fr; }
 .uif-bfx-intro { display:grid; grid-template-columns:1fr 1fr; gap:var(--uif-sp-5) var(--uif-sp-8); align-items:start; }
 .uif-bfx-title { grid-row:2/4; }
 .uif-bfx-campaign-label { grid-column:1/-1; justify-self:start; }
 .uif-bfx-lead { grid-column:2; }
 .uif-bfx-description { grid-column:2; }
 .uif-bfx-intro .uif-bfx-button { grid-column:1; justify-self:start; }
 .uif-bfx-intro-foot { align-self:center; margin-top:0; padding-top:0; }
 .uif-bfx-lesson-list { gap:var(--uif-sp-4); }
 .uif-bfx-lesson { padding:var(--uif-sp-5); }
}
@container(max-width:700px) {
 .uif-bfx-container { padding-inline:var(--uif-sp-4); }
 .uif-bfx-masthead { padding:var(--uif-sp-3) var(--uif-sp-4); }
 .uif-bfx-logo { font-size:var(--uif-fs-base); }
 .uif-bfx-masthead a { font-size:var(--uif-fs-sm); max-width:40%; }
 .uif-bfx-ribbon-copy { display:none; }
 .uif-bfx-stage { padding-block:var(--uif-sp-4) var(--uif-sp-6); }
 .uif-bfx-hero { gap:var(--uif-sp-4); }
 .uif-bfx-intro { display:flex; padding:var(--uif-sp-6); gap:var(--uif-sp-4); }
 .uif-bfx-title { font-size:var(--uif-fs-h2); text-wrap:balance; }
 .uif-bfx-lead { display:none; }
 .uif-bfx-lead br { display:none; }
 .uif-bfx-lead br::after { content:' '; }
 .uif-bfx-intro-foot { align-self:flex-start; font-size:var(--uif-fs-sm); gap:var(--uif-sp-2); }
 .uif-bfx-intro-foot span + span { border:0; padding-left:0; }
 .uif-bfx-intro .uif-bfx-button { width:100%; }
 .uif-bfx-signup { padding:var(--uif-sp-6); }
 .uif-bfx-signup .uif-bfx-heading { font-size:var(--uif-fs-h4); }
 .uif-bfx-sample, .uif-bfx-section-intro, .uif-bfx-test-grid, .uif-bfx-faq-section, .uif-bfx-lesson-list { grid-template-columns:1fr; gap:var(--uif-sp-6); }
 .uif-bfx-sample, .uif-bfx-lessons, .uif-bfx-faq-section { padding-block:var(--uif-sp-8); }
 .uif-bfx-language { padding-left:var(--uif-sp-4); }
 .uif-bfx-lesson { padding:var(--uif-sp-6); }
 .uif-bfx-test { padding-block:var(--uif-sp-8); }
 .uif-bfx-final { flex-direction:column; align-items:flex-start; padding-bottom:var(--uif-sp-8); }
 .uif-bfx-final .uif-bfx-button { width:100%; }
 .uif-bfx-footer { padding:var(--uif-sp-5) var(--uif-sp-4); }
 .uif-bfx-dialog { padding:var(--uif-sp-8) var(--uif-sp-6) var(--uif-sp-6); }
 .uif-bfx-dialog-content .uif-bfx-heading { font-size:var(--uif-fs-h2); }
}
@media(prefers-reduced-motion:reduce) { .uif-bfx *, .uif-bfx *::before, .uif-bfx *::after { animation:none; transition:none; scroll-behavior:auto; } }

.uif-bfx-page { margin:0; }
 .uif-bfx-dialog { margin:auto; inset:0; padding-bottom:calc(var(--uif-sp-12) + var(--uif-sp-8)); }
.uif-bfx-dialog-content { text-align:center; }
.uif-bfx-dialog-content .uif-bfx-campaign-label { justify-self:center; }
.uif-bfx .uif-bfx-close { top:auto; right:auto; left:var(--uif-sp-4); bottom:var(--uif-sp-4); display:grid; place-items:center; padding:0; line-height:1; text-decoration:none !important; }
.uif-bfx .uif-bfx-close:is(:hover,:focus,:active) { text-decoration:none !important; }
.uif-bfx-check { align-items:center; }
.uif-bfx-check input { margin:0; }
.uif-bfx-masthead .uif-bfx-logo { max-width:55%; }
.uif-bfx-logo img { display:block; width:calc(var(--uif-sp-14) * 4); max-width:100%; height:auto; }
.uif-bfx-phone-wrap { display:block; width:100%; min-width:0; font-size:var(--uif-fs-base); }
.uif-bfx-phone-wrap input { width:100%; }
.uif-bfx-phone-wrap .iti__dropdown-content { max-width:100%; }

.uif-bfx .uif-bfx-ribbon a { color:var(--uif-ink) !important; }
.uif-bfx[data-bf-promo] { position:sticky; top:var(--wp-admin--admin-bar--height,0px); z-index:var(--uif-z-header); }
.uif-bfx-promoted .uifh__bar { top:calc(var(--uif-sp-14) + var(--wp-admin--admin-bar--height,0px)) !important; }

/* Editorial candidate: clone only, no production deployment. */
.uif-bfx { font-size:var(--uif-fs-lg); }
.uif-bfx-intro { display:flex; }
.uif-bfx-intro .uif-bfx-description { font-size:var(--uif-fs-lg); }
.uif-bfx-lead { display:block; font-size:var(--uif-fs-lg); line-height:var(--uif-lh); }
.uif-bfx-signup-intro p:last-child, .uif-bfx-field, .uif-bfx-check, .uif-bfx-whatsapp summary { font-size:var(--uif-fs-base); }
.uif-bfx .uif-bfx-button { font-size:var(--uif-fs-lg); }
.uif-bfx-lesson p, .uif-bfx-language p, .uif-bfx-faq p, .uif-bfx-levels p { font-size:var(--uif-fs-lg); line-height:var(--uif-lh); }
.uif-bfx-process, .uif-bfx-trust { padding-block:var(--uif-sp-12); }
.uif-bfx-process-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--uif-sp-8); margin:var(--uif-sp-8) 0 0; padding-left:var(--uif-sp-6); }
.uif-bfx-process-list h3, .uif-bfx-goal-list h3 { font-size:var(--uif-fs-h4); line-height:1.3; margin-bottom:var(--uif-sp-3); }
.uif-bfx-goals { background:var(--uif-soft); padding-block:var(--uif-sp-12); }
.uif-bfx-goal-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--uif-sp-8); margin-top:var(--uif-sp-8); }
.uif-bfx-trust p { max-width:var(--uif-measure); margin-top:var(--uif-sp-4); }
.uif-bfx .uif-bfx-ribbon--priority { background:var(--uif-ink); color:var(--uif-white); border-bottom:1px solid var(--uif-yellow); gap:var(--uif-sp-6); }
.uif-bfx-ribbon-badge { font-size:var(--uif-fs-sm); white-space:nowrap; }
.uif-bfx-ribbon-message { font-size:var(--uif-fs-lg); line-height:1.2; }
.uif-bfx-ribbon-message span { color:var(--uif-yellow); }
.uif-bfx .uif-bfx-ribbon--priority a { background:var(--uif-yellow); border-radius:var(--uif-r-control); padding-inline:var(--uif-sp-4); font-size:var(--uif-fs-base); text-decoration:none; }
.uif-bfx .uif-bfx-ribbon--priority a:hover { background:var(--uif-btn-hover); text-decoration:none; }
.uif-bfx-ribbon--priority a:focus-visible { outline-color:var(--uif-white); }
@container(max-width:900px) {
 .uif-bfx-intro { display:flex; }
 .uif-bfx-ribbon-badge { display:none; }
}
@container(max-width:700px) {
 .uif-bfx { font-size:var(--uif-fs-base); }
 .uif-bfx-lead { display:block; }
 .uif-bfx-intro .uif-bfx-description, .uif-bfx-lead, .uif-bfx-lesson p, .uif-bfx-language p, .uif-bfx-faq p, .uif-bfx-levels p { font-size:var(--uif-fs-base); }
 .uif-bfx .uif-bfx-button { font-size:var(--uif-fs-base); }
 .uif-bfx-heading { font-size:var(--uif-fs-h4); }
 .uif-bfx-process-list, .uif-bfx-goal-list { grid-template-columns:1fr; gap:var(--uif-sp-6); }
 .uif-bfx-process, .uif-bfx-trust, .uif-bfx-goals { padding-block:var(--uif-sp-8); }
 .uif-bfx .uif-bfx-ribbon--priority { padding-inline:var(--uif-sp-4); gap:var(--uif-sp-3); }
 .uif-bfx-ribbon--priority .uif-bfx-ribbon-message { white-space:normal; font-size:var(--uif-fs-base); }
 .uif-bfx .uif-bfx-ribbon--priority a { font-size:var(--uif-fs-sm); padding-inline:var(--uif-sp-3); flex-shrink:0; }
}

@media(max-width:700px) { .uif-bfx { font-size:var(--uif-fs-base); } }