.bj{--c1:#f8c41c;--c2:#373435;--ink:#141414;--tx:#2b2b2e;--tx2:#5c5c62;--line:#ebe8e0;--soft:#faf8f2;font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--tx);font-size:17.5px;line-height:1.75;max-width:760px;margin:0 auto}
.bj *{box-sizing:border-box}
.bj p{margin:0 0 1.15em!important;font-size:inherit!important;line-height:inherit!important;color:var(--tx)!important}
.bj a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--c1);text-decoration-thickness:3px;text-underline-offset:3px}
.bj b,.bj strong{color:var(--ink);font-weight:700}
.bj h2{font-family:'Montserrat',sans-serif!important;font-size:clamp(23px,3vw,30px)!important;line-height:1.2!important;font-weight:800!important;color:var(--ink)!important;letter-spacing:-.015em!important;margin:2.1em 0 .6em!important;text-transform:none!important;position:relative;padding-left:0!important}
.bj h2 .n{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 8px;border-radius:12px;background:var(--c1);color:var(--c2);font-size:17px;margin-right:12px;vertical-align:3px;transform:rotate(-4deg)}
.bj h3{font-family:'Montserrat',sans-serif!important;font-size:19px!important;font-weight:800!important;color:var(--ink)!important;margin:1.6em 0 .4em!important;text-transform:none!important;letter-spacing:0!important}
.bj ul,.bj ol{margin:0 0 1.2em!important;padding-left:1.3em!important}
.bj li{margin:.35em 0!important;color:var(--tx)}
.bj-top{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.bj-top span{font:800 11.5px 'Montserrat',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:var(--soft);color:var(--tx2);border:1px solid var(--line)}
.bj-top span:first-child{background:var(--c1);color:var(--c2);border-color:transparent}
.bj-lede{font-size:clamp(20px,2.4vw,24px)!important;line-height:1.55!important;color:var(--ink)!important;font-weight:500;margin-bottom:1.3em!important}
.bj-lede::first-letter{float:left;font-size:3.4em;line-height:.82;font-weight:800;margin:.06em .1em 0 0;color:var(--c2);background:linear-gradient(135deg,var(--c1),var(--c1) 55%,transparent 55%);padding:.05em .08em .02em .02em;border-radius:10px}
.bj-q{position:relative;margin:2em 0!important;padding:28px 30px 26px 30px;border-radius:24px;background:linear-gradient(135deg,var(--c2),color-mix(in srgb,var(--c2) 70%,var(--c1)));color:#fff;font-size:clamp(21px,2.6vw,26px);line-height:1.4;font-weight:700;letter-spacing:-.01em;overflow:hidden}
.bj-q::before{content:"\201C";position:absolute;right:18px;top:-30px;font:800 170px/1 Georgia,serif;color:var(--c1);opacity:.35}
.bj-q p{color:#fff!important;margin:0!important;position:relative}
.bj-tip{margin:1.6em 0!important;padding:18px 20px 16px 58px;border-radius:18px;background:color-mix(in srgb,var(--c1) 14%,#fff);border:1px solid color-mix(in srgb,var(--c1) 40%,#fff);position:relative;font-size:16px;line-height:1.65}
.bj-tip::before{content:"!";position:absolute;left:18px;top:18px;width:26px;height:26px;border-radius:50%;background:var(--c1);color:var(--c2);font:800 15px/26px 'Montserrat',sans-serif;text-align:center}
.bj-tip p{margin:0!important}.bj-tip b{display:block;margin-bottom:2px}
.bj-key{margin:2.2em 0!important;padding:24px 26px;border-radius:24px;background:var(--soft);border:1px solid var(--line)}
.bj-key>b{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);margin-bottom:10px}
.bj-key ul{list-style:none!important;padding:0!important;margin:0!important}
.bj-key li{position:relative;padding-left:30px!important;margin:.55em 0!important;font-weight:600;color:var(--ink)}
.bj-key li::before{content:"";position:absolute;left:0;top:.42em;width:18px;height:18px;border-radius:6px;background:var(--c1);transform:rotate(8deg)}
/* widgets */
.bj-w{margin:2.2em 0!important;padding:26px;border-radius:28px;background:#fff;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--c1);font-size:16px;line-height:1.55}
.bj-w>.h{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.bj-w>.h i{font-style:normal;font:800 11px 'Montserrat',sans-serif;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:#fff;padding:5px 10px;border-radius:999px}
.bj-w>.h b{font-size:20px;font-weight:800;color:var(--ink);line-height:1.25}
.bj-w>p.s{color:var(--tx2)!important;margin:0 0 16px!important;font-size:15px!important}
.bj-w button,.bj-w .bt{font:700 14px 'Montserrat',sans-serif;cursor:pointer;border:2px solid var(--ink);background:#fff;color:var(--ink);padding:10px 14px;border-radius:14px!important;line-height:1.2;transition:transform .15s,background .15s,box-shadow .15s;text-align:left;width:auto;height:auto}
.bj-w button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.bj-w button[aria-pressed=true]{background:var(--c1);color:var(--c2)}
.bj-w button:focus-visible{outline:3px solid var(--c1);outline-offset:2px}
.bj-opts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.bj-res{margin-top:16px;padding:18px 20px;border-radius:18px;background:var(--c2);color:#fff;animation:bjin .4s ease}
.bj-res b{color:#fff;font-size:18px;display:block;margin-bottom:4px}
.bj-res p{color:#ececec!important;margin:0 0 .5em!important;font-size:15.5px!important}
.bj-res a{color:#fff;text-decoration-color:var(--c1)}
.bj-res[hidden]{display:none!important}
@keyframes bjin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bj-meter{height:14px;border-radius:999px;background:var(--soft);border:2px solid var(--ink);overflow:hidden;margin:8px 0 4px}
.bj-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--c1),color-mix(in srgb,var(--c1) 50%,var(--c2)));transition:width .5s cubic-bezier(.2,.7,.2,1)}
.bj-chk{display:grid;gap:8px}
.bj-chk button{display:flex;align-items:flex-start;gap:12px;width:100%!important;border-width:1.5px;padding:12px 14px}
.bj-chk button::before{content:"";flex:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--ink);background:#fff;margin-top:1px}
.bj-chk button[aria-pressed=true]::before{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.8 2.8 6.2-6.4' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.bj-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bj-row label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--tx2)}
.bj-row input[type=range]{accent-color:var(--c2);width:100%}
.bj-row output{font:800 22px 'Montserrat',sans-serif;color:var(--ink)}
.bj-big{font:800 clamp(40px,7vw,64px)/1 'Montserrat',sans-serif;color:var(--ink);letter-spacing:-.03em}
.bj-flip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bj-flip button{min-height:130px;display:flex;flex-direction:column;justify-content:center;gap:6px;border-width:2px;padding:16px 18px;position:relative}
.bj-flip button small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx2);font-weight:800}
.bj-flip button .f{font-size:16px;font-weight:700}
.bj-flip button .bk{display:none;font-weight:500;font-size:15px;line-height:1.5}
.bj-flip button[aria-pressed=true]{background:var(--c2);color:#fff}
.bj-flip button[aria-pressed=true] small{color:var(--c1)}
.bj-flip button[aria-pressed=true] .f{display:none}.bj-flip button[aria-pressed=true] .bk{display:block}
.bj-cmp{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4;max-width:420px;margin:6px auto 0;--p:50%}
.bj-cmp img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;max-width:none!important}
.bj-cmp .b{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.bj-cmp .hd{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none}
.bj-cmp .hd::after{content:"\2194";position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:#fff;color:var(--ink);font:800 20px/44px Arial;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.bj-cmp input{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:ew-resize;margin:0!important}
.bj-cmp .l{position:absolute;top:12px;font:800 11px 'Montserrat',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;pointer-events:none}
.bj-cmp .l.a{left:12px;background:rgba(0,0,0,.6);color:#fff}.bj-cmp .l.z{right:12px;background:var(--c1);color:var(--c2)}
.bj-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 16px}
.bj-swatches button{width:46px!important;height:46px!important;padding:0!important;border-radius:50%!important;border:3px solid #fff;box-shadow:0 0 0 2px var(--ink)}
.bj-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--ink);transform:scale(1.08)}
.bj-cpv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.bj-cpv div{border-radius:16px;padding:18px;font-weight:800;font-size:20px;min-height:90px;display:flex;flex-direction:column;justify-content:space-between}
.bj-cpv small{font-size:12px;font-weight:700;opacity:.85}
.bj-steps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:6px 0 14px}
.bj-steps button{padding:10px 4px!important;text-align:center!important;font-size:13px!important;border-width:2px}
.bj-steps button.done{background:color-mix(in srgb,var(--c1) 35%,#fff)}
.bj-cd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 16px}
.bj-cd div{border:2px solid var(--ink);border-radius:18px;padding:12px 6px;text-align:center;background:var(--soft)}
.bj-cd b{display:block;font:800 clamp(28px,5vw,42px)/1 'Montserrat',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.bj-cd small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--tx2)}
.bj-tl{list-style:none!important;padding:0!important;margin:0!important;border-left:3px solid var(--ink);margin-left:8px!important}
.bj-tl li{position:relative;padding:0 0 14px 22px!important;margin:0!important}
.bj-tl li::before{content:"";position:absolute;left:-10px;top:4px;width:17px;height:17px;border-radius:50%;background:var(--c1);border:3px solid var(--ink)}
.bj-tl li.past{opacity:.45}.bj-tl li.past::before{background:#ccc}
.bj-tl b{display:block}.bj-tl span{font-size:14.5px;color:var(--tx2)}
.bj-pair{display:grid;gap:10px}
.bj-pv{border-radius:20px;background:var(--soft);border:1px solid var(--line);padding:26px 20px;text-align:center;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.bj-pv .en{font-size:38px;line-height:1.1;color:var(--ink)}.bj-pv .ar{font-size:36px;line-height:1.5;color:var(--c2)}
.bj-glow{display:flex;justify-content:center;margin:4px 0 10px}
.bj-glow svg{width:min(360px,100%);height:auto;filter:drop-shadow(0 0 22px var(--g,#ff3b6b));transition:filter .6s}
.bj-glow svg .gl{stroke:var(--g,#ff3b6b);transition:stroke .6s}
.bj-glow svg .gf{fill:var(--g,#ff3b6b);transition:fill .6s}
/* closing blocks */
.bj-ask{margin:2.6em 0 1em!important;padding:26px;border-radius:28px;background:linear-gradient(135deg,var(--c1),color-mix(in srgb,var(--c1) 60%,#fff));color:var(--c2)}
.bj-ask b{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;color:var(--c2)}
.bj-ask p{font-size:21px!important;line-height:1.4!important;font-weight:700;color:var(--c2)!important;margin:0 0 14px!important}
.bj-ask a{display:inline-block;background:var(--c2);color:#fff!important;text-decoration:none!important;font-weight:800;font-size:15px;padding:12px 20px;border-radius:999px}
.bj-ask small{display:block;margin-top:10px;font-size:12.5px;opacity:.8;font-weight:600}
.bj-cta{margin:1.4em 0 0!important;padding:26px;border-radius:28px;background:#141414;color:#fff;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.bj-cta div{flex:1 1 280px}
.bj-cta b{display:block;font-size:20px;color:#fff;margin-bottom:4px}
.bj-cta span{color:#c9c9c3;font-size:15px}
.bj-cta nav{display:flex;flex-wrap:wrap;gap:8px}
.bj-cta nav a{text-decoration:none!important;font-weight:800;font-size:14.5px;padding:12px 18px;border-radius:999px;background:var(--c1);color:var(--c2)!important}
.bj-cta nav a.wa{background:#25d366;color:#fff!important}
.bj-prog{position:fixed;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--c1),var(--c2));z-index:100001;transition:width .1s linear}
@media (max-width:600px){.bj{font-size:16.5px}.bj-w{padding:20px;box-shadow:5px 5px 0 var(--c1);border-radius:22px}.bj-row{grid-template-columns:1fr}.bj-flip{grid-template-columns:1fr}.bj-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.bj-q{padding:22px}.bj-tip{padding-left:52px}}
@media (prefers-reduced-motion:reduce){.bj-res{animation:none}.bj-meter i{transition:none}}
