/* SET Black Friday 2026 landing (education 6887). Scoped under #setbf; the theme reset sets b/strong/h* to inherit weight. */
#setbf{--bf-blue:#1645EE;--bf-bg:#F5F5F5;--bf-bg2:#EAEAEA;--bf-ink:#000;--bf-muted:#555;font-family:'ProximaNova','Proxima Nova','Helvetica Neue',Arial,sans-serif;color:var(--bf-ink);background:var(--bf-bg);font-size:16px;line-height:1.45;font-weight:400;-webkit-font-smoothing:antialiased}
#setbf *,#setbf *::before,#setbf *::after{box-sizing:border-box}
#setbf section{scroll-margin-top:90px}
#setbf h1,#setbf h2,#setbf h3,#setbf p{margin:0}
#setbf a{color:inherit}
#setbf mark{background:#E3E9FF;color:inherit;padding:0 .12em}
#setbf .setbf-hero mark{background:var(--bf-blue);color:#fff;padding:0 .15em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#setbf .setbf-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
#setbf .setbf-sec{padding:80px 0}
#setbf .setbf-kicker{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
#setbf .setbf-kicker--mb{margin-bottom:32px}
#setbf .setbf-head{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
#setbf .setbf-h2{font-size:44px;line-height:1.1;font-weight:700;text-transform:uppercase;text-wrap:balance}
#setbf .setbf-label{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
#setbf .setbf-card{background:#fff;border-radius:12px;padding:28px}

/* pills and buttons */
#setbf .setbf-pills{display:flex;flex-wrap:wrap;gap:8px}
#setbf .setbf-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid #000;border-radius:999px;font-size:13px;font-weight:400;white-space:nowrap}
#setbf .setbf-pills--light .setbf-pill{border-color:#fff;color:#fff}
#setbf .setbf-pill--blue{border-color:var(--bf-blue);color:var(--bf-blue)}
#setbf .setbf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid #000;border-radius:6px;background:transparent;color:#000;font:inherit;font-size:16px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s,transform .1s}
#setbf .setbf-btn:active{transform:scale(.98)}
#setbf .setbf-btn:focus-visible,#setbf .setbf-btn-cta:focus-visible,#setbf summary:focus-visible{outline:2px solid var(--bf-blue);outline-offset:3px}
#setbf .setbf-btn--blue{border-color:var(--bf-blue);color:var(--bf-blue)}
#setbf .setbf-btn--blue:hover{background:var(--bf-blue);color:#fff}
#setbf .setbf-btn--white{border-color:#fff;color:#fff}
#setbf .setbf-btn--white:hover{background:#fff;color:#000}
#setbf .setbf-btn[disabled]{opacity:.6;cursor:progress}
#setbf .setbf-btn-cta{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 40px;background:#fff;color:#000;border:1px solid #fff;border-radius:6px;font-size:19px;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}
#setbf .setbf-btn-cta:hover{background:var(--bf-blue);border-color:var(--bf-blue);color:#fff}

/* hero */
#setbf .setbf-hero{background:#000;color:#fff}
#setbf .setbf-hero__in{padding-top:88px;padding-bottom:96px;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
#setbf .setbf-hero__text{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:28px}
#setbf .setbf-hero__title{font-size:64px;line-height:1.02;font-weight:700;text-transform:uppercase;text-wrap:balance}
#setbf .setbf-hero__sub{font-size:22px;line-height:1.45;max-width:640px;color:#EAEAEA}
#setbf .setbf-hero__media{flex:1 1 340px;min-width:0;max-width:440px}
#setbf .setbf-hero__video{width:100%;aspect-ratio:768/782;object-fit:cover;border-radius:16px;display:block;background:#000}

/* how */
#setbf .setbf-how{background:var(--bf-bg)}
#setbf .setbf-how__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
#setbf .setbf-how__step{display:flex;flex-direction:column;gap:14px}
#setbf .setbf-how__num{font-size:48px;font-weight:700;color:var(--bf-blue);line-height:1}
#setbf .setbf-how__step p{font-size:18px;line-height:1.45}

/* programs */
#setbf .setbf-programs{background:var(--bf-bg2)}
#setbf .setbf-programs__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:stretch}
#setbf .setbf-prog{display:flex;flex-direction:column;gap:18px}
#setbf .setbf-prog__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
#setbf .setbf-prog__icon{flex:none;width:76px;height:76px;object-fit:contain;display:block}
#setbf .setbf-prog__title{display:flex;flex-direction:column;gap:8px}
#setbf .setbf-prog__title h3{font-size:24px;line-height:1.2;font-weight:700}
#setbf .setbf-prog__title p{font-size:17px;line-height:1.4}
#setbf .setbf-prog__who{background:var(--bf-bg);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
#setbf .setbf-prog__who p{font-size:15px;line-height:1.5}
#setbf .setbf-prog__skills{display:flex;flex-direction:column;gap:8px}
#setbf .setbf-prog__skills ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
#setbf .setbf-prog__skills li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;margin:0;padding:0}
#setbf .setbf-prog__skills li::before{content:none}
#setbf .setbf-prog__skills img{flex:none;width:14px;height:14px;display:block;margin-top:4px}
#setbf .setbf-prog__teacher{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--bf-bg2)}
#setbf .setbf-prog__teacher img{flex:none;width:52px;height:52px;border-radius:10px;object-fit:cover;display:block}
#setbf .setbf-prog__teacher>div{display:flex;flex-direction:column;gap:2px}
#setbf .setbf-prog__role{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--bf-muted);text-transform:uppercase}
#setbf .setbf-prog__name{font-size:14px;font-weight:700;color:var(--bf-blue);text-transform:uppercase;letter-spacing:.5px}
#setbf .setbf-prog__trole{font-size:13px;color:#444;line-height:1.35}
#setbf .setbf-prog__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:auto}
#setbf .setbf-prog__new{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums}
#setbf .setbf-prog__old{font-size:17px;color:#666;text-decoration:line-through;font-variant-numeric:tabular-nums}

/* not sure */
#setbf .setbf-notsure{background:var(--bf-blue);color:#fff}
#setbf .setbf-notsure__strip{height:140px;background-size:cover;background-position:center}
#setbf .setbf-notsure__in{padding-top:64px;padding-bottom:72px;display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}
#setbf .setbf-notsure__text{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
#setbf .setbf-notsure .setbf-h2{font-size:36px;line-height:1.15}
#setbf .setbf-notsure__text p{font-size:18px;line-height:1.5;max-width:620px}
#setbf .setbf-notsure .setbf-btn{flex:0 1 320px;max-width:360px;min-height:56px}

/* why */
#setbf .setbf-why{background:var(--bf-bg)}
#setbf .setbf-why__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
#setbf .setbf-why__item{display:flex;flex-direction:column;gap:16px}
#setbf .setbf-why__item img{width:24px;height:24px;display:block}
#setbf .setbf-why__title{font-size:20px;font-weight:700}
#setbf .setbf-why__item p{font-size:15px;line-height:1.5}

/* faq */
#setbf .setbf-faq{background:#fff}
#setbf .setbf-faq__in{display:flex;flex-wrap:wrap;gap:48px}
#setbf .setbf-faq__title{flex:1 1 280px;min-width:0;line-height:1.05}
#setbf .setbf-faq__list{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;border-top:1px solid #000}
#setbf .setbf-faq__item{border-bottom:1px solid #000;padding:22px 0}
#setbf .setbf-faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:20px;font-weight:600;cursor:pointer;list-style:none}
#setbf .setbf-faq__item summary::-webkit-details-marker{display:none}
#setbf .setbf-faq__plus{flex:none;width:36px;height:36px;border:1px solid #000;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:transform .2s}
#setbf .setbf-faq__item[open] .setbf-faq__plus{transform:rotate(45deg)}
#setbf .setbf-faq__item p{margin-top:14px;font-size:16px;line-height:1.55;color:#333;max-width:720px}

/* b2b */
#setbf .setbf-b2b-wrap{background:var(--bf-bg);padding-top:40px}
#setbf .setbf-b2b{background:#000;color:#fff;border-radius:12px;padding:40px;display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between}
#setbf .setbf-b2b__text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px}
#setbf .setbf-b2b .setbf-h2{font-size:40px}
#setbf .setbf-b2b__text p{font-size:20px;line-height:1.45;max-width:560px}
#setbf .setbf-b2b .setbf-btn{flex:none}

/* form */
#setbf .setbf-form-sec{background:var(--bf-bg);padding:64px 0 96px}
#setbf .setbf-form-sec__in{display:flex;flex-wrap:wrap;gap:48px}
#setbf .setbf-form-sec__text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:16px}
#setbf .setbf-form-sec .setbf-h2{font-size:40px}
#setbf .setbf-form-sec__text p{font-size:16px;line-height:1.5;color:#333}
#setbf .setbf-form{flex:1 1 440px;min-width:0;background:#fff;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:16px}
#setbf .setbf-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
#setbf .setbf-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;margin:0}
#setbf .setbf-field input,#setbf .setbf-field select{width:100%;min-height:48px;border:1px solid #000;border-radius:6px;padding:0 14px;font:inherit;font-size:16px;font-weight:400;background:#fff;color:#000;-webkit-appearance:none;appearance:none;outline:none}
#setbf .setbf-field select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
#setbf .setbf-field input:focus,#setbf .setbf-field select:focus{border-color:var(--bf-blue);box-shadow:0 0 0 1px var(--bf-blue)}
#setbf .setbf-field .iti{width:100%;display:block}
#setbf .setbf-field--phone input{padding-left:52px}
#setbf .is-invalid input,#setbf .is-invalid select{border-color:#D3261C}
#setbf .setbf-err{font-style:normal;font-size:13px;font-weight:400;color:#D3261C;min-height:0}
#setbf .setbf-err:empty{display:none}
#setbf .setbf-consent{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;font-size:13px;font-weight:400;line-height:1.45;color:#333;margin:0;cursor:pointer}
#setbf .setbf-consent input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--bf-blue);-webkit-appearance:checkbox;appearance:auto}
#setbf .setbf-consent>span{flex:1 1 0;min-width:0}
#setbf .setbf-consent a{color:var(--bf-blue);text-decoration:underline}
#setbf .setbf-consent .setbf-err{flex-basis:100%}
#setbf .setbf-submit{min-height:52px}
#setbf .setbf-form__error{font-size:14px;color:#D3261C}

@media (max-width:1024px){
  #setbf .setbf-hero__title{font-size:52px}
  #setbf .setbf-h2{font-size:36px}
}
@media (max-width:720px){
  #setbf .setbf-wrap{padding:0 16px}
  #setbf .setbf-sec{padding:56px 0}
  #setbf .setbf-hero__in{padding-top:48px;padding-bottom:56px;gap:32px}
  #setbf .setbf-hero__title{font-size:40px}
  #setbf .setbf-hero__sub{font-size:18px}
  #setbf .setbf-hero__media{display:none}
  #setbf .setbf-btn-cta{width:100%}
  #setbf .setbf-h2,#setbf .setbf-notsure .setbf-h2,#setbf .setbf-b2b .setbf-h2,#setbf .setbf-form-sec .setbf-h2{font-size:30px}
  #setbf .setbf-programs__grid{grid-template-columns:minmax(0,1fr);gap:20px}
  #setbf .setbf-card,#setbf .setbf-form{padding:22px}
  #setbf .setbf-notsure__strip{height:90px}
  #setbf .setbf-notsure__in{padding-top:48px;padding-bottom:56px}
  #setbf .setbf-notsure .setbf-btn,#setbf .setbf-b2b .setbf-btn{flex:1 1 100%;max-width:none}
  #setbf .setbf-b2b{padding:28px 22px}
  #setbf .setbf-b2b__text p{font-size:17px}
  #setbf .setbf-faq__in{gap:24px}
  #setbf .setbf-faq__item summary{font-size:17px}
  #setbf .setbf-form-sec{padding:48px 0 64px}
  #setbf .setbf-pill{white-space:normal;min-height:30px;padding:4px 12px}
}
@media (prefers-reduced-motion:reduce){
  #setbf *{transition:none!important}
}
/* 1.0.2: theme shifts the header banner (.top, relative) down 10px (<=767) / 20px (<=894) without reserving space, so the black hero covered its last line; long UA word in the hero title overflowed narrow phones */
@media (max-width:894px){.js-top + #setbf{margin-top:40px}}
@media (max-width:767px){.js-top + #setbf{margin-top:30px}}
@media (max-width:720px){#setbf .setbf-hero__title{font-size:clamp(26px, calc((100vw - 32px) / 11), 40px)}}