/* Honeybee page pilot only. All rules are scoped; original hero is untouched. */
.bee-story{--bee-ink:#243748;--bee-accent:#85601d;--bee-line:#eadbb9;color:var(--bee-ink);margin:40px 0;min-width:0;max-width:100%}
.bee-story .bee-heading{margin-bottom:22px}.bee-story .bee-heading>p{font-size:12px;font-weight:750;color:var(--bee-accent);margin:0 0 8px;letter-spacing:.08em}.bee-story .bee-heading h2{font-size:30px;line-height:1.5;margin:0}
.bee-story .bee-carousel{border:1px solid var(--bee-line);border-radius:20px;padding:24px;background:#fffdf8;min-width:0;max-width:100%}.bee-story .bee-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bee-story .bee-steps button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:48px;padding:9px 12px;border:1px solid var(--bee-line);border-radius:10px;background:#fff;color:#665534;font:inherit;font-size:15px;font-weight:750;cursor:pointer}.bee-story .bee-steps button>span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f4ecd9;font-size:12px}.bee-story .bee-steps button[aria-pressed=true]{color:#fff;background:var(--bee-accent);border-color:var(--bee-accent)}.bee-story .bee-steps button[aria-pressed=true]>span{background:#ffffff2b}.bee-story .bee-hint{font-size:12px;line-height:1.7;color:#65727a;margin:14px 0}
.bee-story .bee-viewport{border-radius:14px;scrollbar-width:thin;scrollbar-color:#b49a65 #f4efdf;max-width:100%;outline-offset:3px}.bee-story .bee-track{display:flex;align-items:flex-start;gap:16px}.bee-story .bee-slide{box-sizing:border-box;flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:32px;align-items:center;padding:22px;border:1px solid var(--bee-line);border-radius:14px;background:#fff;scroll-snap-align:start;scroll-snap-stop:always}.bee-story .bee-figure{position:relative;margin:0;min-width:0}.bee-story .bee-image-frame{height:355px;border-radius:12px;background:#fbf5e7;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;padding:12px}.bee-story .bee-image-frame a{display:flex;justify-content:center;align-items:center;max-width:100%;max-height:100%;border-radius:8px}.bee-story .bee-image-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:331px;object-fit:contain}.bee-story .bee-image-phone img{height:331px;width:auto;border-radius:7px}.bee-story .bee-image-coin img{width:195px;height:195px;object-fit:contain}.bee-story .bee-figure figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;min-height:0}.bee-story .bee-copy{min-width:0}.bee-story .bee-step-number{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--bee-accent);margin:0 0 12px}.bee-story .bee-copy h3{font-size:29px;line-height:1.5;margin:0 0 16px}.bee-story .bee-copy>p:last-child{font-size:17px;line-height:1.9;margin:0;max-width:25em}
.bee-story .bee-image-rewards{gap:12px}.bee-story .bee-reward{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center}.bee-story .bee-reward img,.bee-story .bee-reward a{width:120px;height:134px;object-fit:contain}.bee-story .bee-reward>span:last-child{font-size:16px;font-weight:750;line-height:1.5;white-space:nowrap}.bee-story .bee-or{font-size:12px;color:#7d6a48;flex:none}.bee-story .bee-coupon{display:grid;place-items:center;box-sizing:border-box;width:130px;height:134px;border:2px dashed #9d7837;border-radius:12px;background:#fffaf0;color:var(--bee-accent);font-size:23px;font-weight:800}
.bee-story .bee-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.bee-story .bee-controls button{min-width:88px;min-height:44px;padding:8px 16px;border:1px solid var(--bee-line);border-radius:10px;background:#fff;color:var(--bee-accent);font:inherit;font-size:14px;font-weight:750;cursor:pointer}.bee-story .bee-controls button[aria-disabled=true]{color:#8a8f90;background:#f5f5f2;cursor:default}.bee-story .bee-controls p{font-size:14px;font-weight:750;font-variant-numeric:tabular-nums;margin:0}.bee-story .bee-next{text-align:center;color:#706345;font-size:13px;line-height:1.7;margin:12px 0 0;min-height:23px}.bee-story [hidden]{display:none!important}.bee-story :focus-visible{outline:3px solid var(--bee-accent);outline-offset:3px}.bee-story .bee-action{text-align:center;margin:24px 0 20px}.bee-story .bee-notes{border-top:1px solid var(--bee-line);border-bottom:1px solid var(--bee-line);padding:16px 0}.bee-story .bee-notes summary{font-size:14px;font-weight:750;cursor:pointer}.bee-story .bee-notes p{font-size:14px;line-height:1.9;color:#596c78}.bee-story .bee-related{display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:center;margin-top:24px;font-size:14px}
@media(max-width:800px){.bee-story{margin:30px 0}.bee-story .bee-heading h2{font-size:25px}.bee-story .bee-heading{margin-bottom:18px}.bee-story .bee-carousel{padding:14px;border-radius:16px}.bee-story .bee-steps{gap:6px}.bee-story .bee-steps button{gap:5px;padding:8px 4px;font-size:12px;min-height:46px}.bee-story .bee-steps button>span{width:19px;height:19px;font-size:11px;flex:none}.bee-story .bee-hint{font-size:12px;margin:12px 0}.bee-story .bee-slide{grid-template-columns:1fr;gap:18px;padding:16px}.bee-story .bee-image-frame{height:296px;padding:10px}.bee-story .bee-image-phone img{height:276px;max-height:276px}.bee-story .bee-image-coin img{width:182px;height:182px}.bee-story .bee-copy h3{font-size:24px;margin-bottom:10px}.bee-story .bee-step-number{margin-bottom:7px;font-size:11px}.bee-story .bee-copy>p:last-child{font-size:16px;line-height:1.8;min-height:87px}.bee-story .bee-image-rewards{gap:7px;padding:10px 8px}.bee-story .bee-reward img,.bee-story .bee-reward a{width:84px;height:100px}.bee-story .bee-coupon{width:min(100%,94px);height:100px;font-size:20px}.bee-story .bee-reward>span:last-child{font-size:13px;white-space:normal;min-height:40px;max-width:100%}.bee-story .bee-or{font-size:12px}.bee-story .bee-controls{margin-top:13px}.bee-story .bee-controls button{min-width:80px;padding:8px 12px}.bee-story .bee-next{font-size:12px}.bee-story .bee-related{gap:14px;font-size:13px}}