@font-face{font-family:"Nunito";src:url(/p/Nunito-normal-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito";src:url(/p/Nunito-normal-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito";src:url(/p/Nunito-normal-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Merriweather";src:url(/p/Merriweather-italic-400.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Merriweather";src:url(/p/Merriweather-normal-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Merriweather";src:url(/p/Merriweather-normal-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{--bf-sun:#F5C400;--bf-sun2:#D9A800;--bf-navy:#1B2A4A;--bf-navy2:#23365F;--bf-mint:#CFEDE0;--bf-mint2:#8FD3B6;--bf-cloud:#FBFAF5;--bf-ink:#1F2433;--bf-ink2:#454B5B;--bf-mute:#6E7484;--bf-rule:#E3E1D8;
--bf-head:"Merriweather",Georgia,serif;--bf-body:"Nunito",system-ui,sans-serif;--bf-w:1120px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:70px}
body{margin:0;background:var(--bf-cloud);color:var(--bf-ink);font:400 17px/1.65 var(--bf-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--bf-navy2);text-underline-offset:3px}a:hover{color:var(--bf-sun2)}
h1,h2,h3{font-family:var(--bf-head);font-weight:700;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2rem,4.8vw,3.4rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-size:1.2rem}
p,li{max-width:66ch}p{margin:0 0 1.1em}
.bf-skip{position:absolute;left:-999px;top:0;background:var(--bf-navy);color:#fff;padding:8px 12px}.bf-skip:focus{left:8px;top:8px;z-index:60}
.bf-box{width:min(var(--bf-w),calc(100% - 40px));margin:0 auto}
.bf-tag{font:800 .72rem/1.2 var(--bf-body);letter-spacing:.16em;text-transform:uppercase;color:var(--bf-navy2);margin:0 0 .7rem}
/* жёлтая липкая полоса */
.bf-bar{background:var(--bf-sun);position:sticky;top:0;z-index:40;box-shadow:0 2px 0 var(--bf-sun2)}
.bf-bar .bf-box{display:flex;align-items:center;gap:20px;min-height:62px}
.bf-logo{font:800 1.25rem/1 var(--bf-body);color:var(--bf-navy);text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}
.bf-logo i{width:26px;height:26px;border-radius:50% 50% 50% 8px;background:var(--bf-navy);display:inline-block}
.bf-bar nav{flex:1;overflow-x:auto;scrollbar-width:none}.bf-bar nav::-webkit-scrollbar{display:none}
.bf-bar nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;white-space:nowrap}
.bf-bar nav a{display:block;font:700 .86rem/1 var(--bf-body);color:var(--bf-navy);text-decoration:none;padding:10px 12px;border-radius:999px}
.bf-bar nav a[aria-current=page],.bf-bar nav a:hover{background:var(--bf-navy);color:#fff}
.bf-sub{background:var(--bf-navy);color:#D7DEEE;font-size:.8rem;padding:7px 0}.bf-sub .bf-box{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.bf-sub a{color:var(--bf-sun)}
/* постерный hero по центру */
.bf-poster{text-align:center;padding:56px 0 20px}
.bf-poster h1{max-width:22ch;margin-left:auto;margin-right:auto}
.bf-poster .bf-lede{font-size:1.18rem;color:var(--bf-ink2);max-width:58ch;margin:0 auto 26px}
.bf-blob{width:min(860px,100%);margin:0 auto;border-radius:46% 54% 42% 58% / 38% 42% 58% 62%;overflow:hidden;aspect-ratio:16/10;box-shadow:0 20px 50px rgba(27,42,74,.18)}
.bf-blob img{width:100%;height:100%;object-fit:cover}
.bf-poster.bf-small{padding:40px 0 10px}.bf-poster.bf-small .bf-blob{width:min(640px,100%);aspect-ratio:16/9}.bf-poster.bf-small h1{font-size:clamp(1.8rem,4vw,2.8rem)}
.bf-cap{font-size:.76rem;color:var(--bf-mute);margin:8px 0 0}
/* pill-кнопки */
.bf-pill{display:inline-block;background:var(--bf-navy);color:#fff;text-decoration:none;font:800 1rem/1 var(--bf-body);padding:16px 28px;border-radius:999px;border:0;cursor:pointer}
.bf-pill:hover{background:var(--bf-navy2);color:#fff}.bf-pill.bf-sunny{background:var(--bf-sun);color:var(--bf-navy)}.bf-pill.bf-sunny:hover{background:var(--bf-sun2)}
/* секции */
.bf-sec{padding:44px 0}.bf-sec.bf-tint{background:var(--bf-mint)}
.bf-prose h2{margin-top:1.5em}.bf-prose h2:first-child{margin-top:0}
@media (max-width:700px){.bf-prose table{display:block;overflow-x:auto;white-space:nowrap}}
.bf-prose table{border-collapse:separate;border-spacing:0;width:100%;font-size:.93rem;margin:10px 0 24px;border:1px solid var(--bf-rule);border-radius:14px;overflow:hidden}
.bf-prose th,.bf-prose td{text-align:left;padding:10px;border-bottom:1px solid var(--bf-rule);vertical-align:top}.bf-prose th{background:var(--bf-mint);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.bf-prose tr:last-child td{border-bottom:0}.bf-prose ul,.bf-prose ol{padding-left:22px}
/* карточки с бейджами */
.bf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin:10px 0 30px}
.bf-card{background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:var(--bf-ink);box-shadow:0 6px 20px rgba(27,42,74,.08);display:flex;flex-direction:column}
.bf-card img{aspect-ratio:4/3;object-fit:cover}.bf-card div{padding:14px 16px 18px}
.bf-card .bf-n{display:inline-block;background:var(--bf-sun);color:var(--bf-navy);font:800 .8rem/1 var(--bf-body);padding:6px 10px;border-radius:999px;margin-bottom:8px}
.bf-card h3{margin:0 0 .3em}.bf-card p{font-size:.92rem;color:var(--bf-ink2);margin:0 0 10px}
.bf-badges{display:flex;flex-wrap:wrap;gap:6px}.bf-badges span{font:700 .7rem/1 var(--bf-body);background:var(--bf-mint);color:var(--bf-navy);padding:6px 9px;border-radius:999px}
.bf-badges span.bf-off{background:#F3E3E3;color:#7A2E2E}
.bf-card:hover{transform:translateY(-2px)}
/* сетка фактов */
.bf-facts{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px;justify-content:center}
.bf-facts div{background:#fff;border-radius:16px;padding:14px 18px;min-width:150px;box-shadow:0 4px 14px rgba(27,42,74,.06);text-align:center}
.bf-facts b{display:block;font:700 1.4rem/1.1 var(--bf-head);color:var(--bf-navy)}.bf-facts span{font-size:.76rem;color:var(--bf-mute)}
/* баллы — квадратики */
.bf-meter{list-style:none;margin:0 0 26px;padding:0}
.bf-meter li{display:grid;grid-template-columns:160px 1fr 44px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--bf-rule);font-size:.92rem}
.bf-meter i{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;height:12px}.bf-meter i b{display:block;background:var(--bf-rule);border-radius:3px}.bf-meter i b.bf-on{background:var(--bf-sun)}
.bf-meter em{font-style:normal;font-weight:800;text-align:right}.bf-meter small{grid-column:1/-1;color:var(--bf-mute);margin-top:-4px}
.bf-say{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 26px}@media (max-width:640px){.bf-say{grid-template-columns:minmax(0,1fr)}}
.bf-say div{background:#fff;border-radius:20px 20px 20px 4px;padding:18px 20px;box-shadow:0 4px 14px rgba(27,42,74,.06)}.bf-say div:last-child{border-radius:20px 20px 4px 20px;background:var(--bf-mint)}
.bf-say h3{font-size:1.05rem}
.bf-rank{display:inline-block;background:var(--bf-sun);color:var(--bf-navy);font:800 2rem/1 var(--bf-body);padding:12px 18px;border-radius:24px 24px 24px 6px;margin:0 0 14px}
/* FAQ */
.bf-faq details{background:#fff;border-radius:14px;padding:12px 18px;margin:0 0 10px;box-shadow:0 3px 10px rgba(27,42,74,.05)}
.bf-faq summary{cursor:pointer;font:800 1rem var(--bf-body);list-style:none}.bf-faq summary::-webkit-details-marker{display:none}.bf-faq details p{margin:10px 0 0}
/* форма — светлая скруглённая карточка */
.bf-form{background:#fff;border-radius:24px;padding:28px;box-shadow:0 14px 40px rgba(27,42,74,.12)}
.bf-form label{display:block;font:800 .72rem/1.2 var(--bf-body);letter-spacing:.08em;text-transform:uppercase;color:var(--bf-mute);margin:12px 0 5px}
.bf-form input,.bf-form select,.bf-form textarea{width:100%;padding:12px 14px;border:2px solid var(--bf-rule);border-radius:14px;background:var(--bf-cloud);font:400 1rem var(--bf-body);color:var(--bf-ink)}
.bf-form input:focus,.bf-form select:focus,.bf-form textarea:focus{border-color:var(--bf-sun);outline:0}
.bf-form .bf-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:560px){.bf-form .bf-duo{grid-template-columns:minmax(0,1fr)}}
.bf-form .bf-trap{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.bf-form .bf-ok{display:flex;gap:10px;align-items:flex-start;font:400 .86rem/1.45 var(--bf-body);color:var(--bf-ink2);margin-top:14px;text-transform:none;letter-spacing:0}.bf-form .bf-ok input{width:auto;margin-top:4px}
.bf-form .bf-pill{margin-top:18px;width:100%}.bf-form .bf-earn{font-size:.8rem;color:var(--bf-mute);margin:12px 0 0}
.bf-sent,.bf-err{display:none;padding:14px 16px;margin-top:14px;border-radius:14px}.bf-sent{background:var(--bf-mint);color:var(--bf-navy)}.bf-err{background:#F8E3E3;color:#7A2E2E}
.bf-two{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:start}@media (max-width:860px){.bf-two{grid-template-columns:minmax(0,1fr)}}
.bf-steps{counter-reset:s;list-style:none;padding:0;margin:0 0 22px;max-width:62ch}.bf-steps li{counter-increment:s;padding:10px 0 10px 46px;position:relative}
.bf-steps li::before{content:counter(s);position:absolute;left:0;top:7px;width:32px;height:32px;border-radius:50%;background:var(--bf-sun);color:var(--bf-navy);font:800 .95rem/32px var(--bf-body);text-align:center}
.bf-crumbs{font-size:.8rem;color:var(--bf-mute);margin:0 0 14px}.bf-crumbs a{color:var(--bf-mute)}
.bf-note{background:#fff;border-radius:16px;padding:16px 20px;margin:0 0 22px;max-width:70ch;border-left:6px solid var(--bf-sun)}
/* navy подвал */
.bf-foot{background:var(--bf-navy);color:#C9D2E6;padding:44px 0 30px;font-size:.9rem}
.bf-foot .bf-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-bottom:24px;border-bottom:1px solid var(--bf-navy2)}
@media (max-width:760px){.bf-foot .bf-cols{grid-template-columns:minmax(0,1fr)}}
.bf-foot h4{font:800 .72rem/1.2 var(--bf-body);letter-spacing:.16em;text-transform:uppercase;color:var(--bf-sun);margin:0 0 10px}
.bf-foot ul{list-style:none;padding:0;margin:0}.bf-foot li{margin:5px 0}.bf-foot a{color:#fff}.bf-foot p{max-width:none}
.bf-foot .bf-age{margin-top:16px;padding:12px 14px;border-radius:14px;background:var(--bf-navy2);color:#fff;font-size:.84rem}
.bf-foot .bf-fine{margin:18px 0 0;font-size:.78rem;color:#9AA7C4}
.bf-go{display:none}@media (max-width:860px){.bf-go{display:block;position:fixed;right:14px;bottom:14px;z-index:50}body{padding-bottom:76px}}
