.hx{--mu:#FFC83D;--tr:#A93E22;--trd:#7C2A14;--te:#0F6E6B;--cr:#FFF3D6;--cr2:#FBE3B0;--br:#3A1D0F;position:relative;overflow:hidden;background:#F9D37A;color:var(--br);font-family:'Nunito Sans',system-ui,sans-serif;min-height:min(100svh,900px);padding:84px 0 28px;box-sizing:border-box;display:flex;align-items:center}.hx *{box-sizing:border-box}.hx p,.hx h1,.hx h2{margin:0}.hx-art{position:absolute;inset:0;z-index:0;display:block}.hx-art img{width:calc(100% + 28px);max-width:none;margin-left:-28px;height:100%;object-fit:cover;object-position:0% 62%;display:block}.hx-wrap{position:relative;z-index:1;width:100%;max-width:1360px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.hx-panel,.hx-tool{width:620px;max-width:100%}.hx-panel{background:var(--tr);color:var(--cr);border-radius:34px;padding:26px 34px 20px;box-shadow:inset 0 7px 12px rgba(255,255,255,.26),inset 0 -12px 18px rgba(60,10,0,.34),0 7px 0 var(--trd),0 24px 34px rgba(90,35,0,.32)}.hx-panel h1{font-family:'Luckiest Guy',system-ui,sans-serif;font-weight:400;font-size:clamp(1.6rem,2.28vw,2.1rem);line-height:1.08;letter-spacing:.01em;font-synthesis:none;color:#fff}.hx-panel h1 span{display:block}.hx-ans{margin-top:10px!important;font-size:1.02rem;line-height:1.4;font-weight:600;color:var(--cr);max-width:56ch}.hx-offer{display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:center;margin-top:12px}.hx-ol{grid-column:1/-1;margin-bottom:4px!important;font-weight:800;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:#FBE3C3}.hx-pct{font-family:'Luckiest Guy',system-ui,sans-serif;font-size:clamp(5.2rem,7.6vw,6.9rem);line-height:.95;color:var(--mu);text-shadow:0 5px 0 var(--trd);font-synthesis:none;letter-spacing:.01em}.hx-up{min-width:0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.hx-uptxt{font-weight:800;font-size:1.05rem;color:#FBE3C3}.hx-uptxt strong{display:block;font-family:'Luckiest Guy',system-ui,sans-serif;font-weight:400;font-size:clamp(1.9rem,2.6vw,2.4rem);line-height:1.05;color:#fff;font-synthesis:none}.hx-fine{margin-top:12px!important;font-size:.82rem;color:#FBE3C3;font-weight:600}.hx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:18px;background:var(--mu);color:var(--br);font-family:'Luckiest Guy',system-ui,sans-serif;font-size:1.25rem;letter-spacing:.02em;text-decoration:none;white-space:nowrap;font-synthesis:none;box-shadow:inset 0 4px 6px rgba(255,255,255,.55),inset 0 -5px 8px rgba(160,90,0,.35),0 6px 0 #A86A00,0 12px 16px rgba(60,10,0,.3);transition:transform .15s,box-shadow .15s}.hx-btn:hover{transform:translateY(-2px)}.hx-btn:active{transform:translateY(4px);box-shadow:inset 0 4px 6px rgba(255,255,255,.5),inset 0 -4px 6px rgba(160,90,0,.35),0 2px 0 #A86A00}.hx-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.hx-btn-s{min-height:46px;padding:0 24px;font-size:1.1rem}.hx-tool .hx-btn:focus-visible{outline-color:var(--br)}.hx-tool{background:var(--cr);border-radius:28px;padding:14px 20px 16px;box-shadow:inset 0 6px 10px rgba(255,255,255,.7),inset 0 -10px 16px rgba(150,90,20,.22),0 6px 0 #C9954A,0 22px 30px rgba(90,35,0,.28)}.hx-tool h2{font-family:'Luckiest Guy',system-ui,sans-serif;font-weight:400;font-size:1.4rem;color:var(--tr);font-synthesis:none}.hx-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.hx-chip{font-family:'Luckiest Guy',system-ui,sans-serif;font-size:1.15rem;letter-spacing:.02em;font-synthesis:none;color:var(--br);min-height:52px;padding:6px 12px;border:0;border-radius:18px;background:var(--cr2);cursor:pointer;box-shadow:inset 0 3px 5px rgba(255,255,255,.7),inset 0 -4px 6px rgba(150,90,20,.28),0 4px 0 #C9954A;transition:transform .15s,box-shadow .15s,background-color .2s}.hx-chip:hover{transform:translateY(-1px)}.hx-chip:active{transform:translateY(3px);box-shadow:inset 0 3px 5px rgba(255,255,255,.6),inset 0 -3px 5px rgba(150,90,20,.28),0 1px 0 #C9954A}.hx-chip:focus-visible{outline:3px solid var(--br);outline-offset:2px}.hx-chip[aria-pressed=true]{background:var(--te);color:#fff;box-shadow:inset 0 3px 5px rgba(255,255,255,.3),inset 0 -4px 6px rgba(0,40,40,.4),0 4px 0 #084745}.hx-res{display:flex;align-items:center;gap:12px;margin-top:14px;min-height:52px}.hx-dot{flex:none;width:30px;height:30px;border-radius:50%;background:#C9A878;box-shadow:inset 0 4px 4px rgba(255,255,255,.5),inset 0 -4px 5px rgba(0,0,0,.28),0 3px 0 #8C6A3C;transition:background-color .3s}.hx-dot.y{background:#FFC21A;box-shadow:inset 0 4px 4px rgba(255,255,255,.55),inset 0 -4px 5px rgba(120,70,0,.35),0 3px 0 #A86A00}.hx-dot.g{background:#2FBF71;box-shadow:inset 0 4px 4px rgba(255,255,255,.5),inset 0 -4px 5px rgba(0,60,30,.4),0 3px 0 #1B7A47}.hx-st{flex:1;min-width:0;font-weight:800;font-size:1rem;line-height:1.3}.hx-win{flex:none;visibility:hidden;opacity:0;transform:translateY(6px)}.hx-win.on{visibility:visible;opacity:1;transform:none;transition:opacity .4s,transform .4s}@media(max-width:899px){.hx{display:block;min-height:0;padding:0 0 22px;background:#F9D37A}.hx-art{inset:0 0 auto 0;height:340px}.hx-art img{width:100%;margin-left:0;object-position:35% 50%}.hx-wrap{padding:0;align-items:stretch;gap:16px}.hx-panel,.hx-tool{width:auto}.hx-panel{margin-top:268px;border-radius:30px 30px 26px 26px;padding:22px 18px 16px}.hx-panel h1{font-size:clamp(1.55rem,7vw,1.95rem)}.hx-ans{font-size:.98rem}.hx-offer{grid-template-columns:1fr;row-gap:2px;justify-items:start}.hx-pct{font-size:clamp(5.2rem,26vw,7rem)}.hx-up{width:100%}.hx-uptxt strong{display:inline;font-size:1.7rem}.hx-btn{width:100%;min-height:56px}.hx-btn-s{width:auto}.hx-tool{margin:0 12px;padding:14px 16px 16px}.hx-chip{min-height:48px;font-size:.95rem;padding:6px 8px}.hx-res{flex-wrap:wrap}.hx-st{flex:1 1 calc(100% - 44px)}.hx-win{display:none;flex:1 1 100%;width:100%}.hx-win.on{display:inline-flex}}@media(prefers-reduced-motion:reduce){.hx *{transition:none!important;animation:none!important}}