.gateTourButton{width:100%;display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:13px 14px;border:1px solid #d6e89a;border-radius:13px;background:linear-gradient(115deg,#f4fadf,#fff);color:#27371d;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.gateTourButton:hover,.gateTourButton:focus-visible{transform:translateY(-1px);border-color:#b3d537;box-shadow:0 8px 22px #34451f14;outline:0}
.gateTourButton>span:first-child{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:#d6f05b;color:#24331d;font-size:14px}
.gateTourButton strong,.gateTourButton small{display:block}
.gateTourButton strong{font:800 13px Segoe UI,Arial}
.gateTourButton small{margin-top:3px;color:#68715c;font-size:10px;line-height:1.4}
.gateTourButton>b{margin-left:auto;color:#667d29;font-size:20px}
.helpBox{width:min(590px,100%);max-height:min(90vh,820px);overflow:auto;padding:clamp(18px,4vw,30px);border:1px solid #e4ebd3;background:linear-gradient(145deg,#fff 48%,#f7faec);}
.helpBox .eyebrow{font-size:10px;font-weight:900;letter-spacing:.13em}
.helpBox h2{margin:15px 38px 7px 0;font-size:clamp(21px,5vw,27px);line-height:1.17;color:#24321d}
.helpBox p{min-height:0;margin:0;color:#626957;font-size:13px;line-height:1.6}
.helpScene{position:relative;display:grid;place-items:center;height:136px;margin:-3px 0 15px;overflow:hidden;border:1px solid #e0ebbd;border-radius:16px;background:radial-gradient(ellipse at 50% 120%,#dff38a 0,transparent 45%),linear-gradient(120deg,#eff7d7,#fafff7 56%,#eaf5de)}
.helpScene:before,.helpScene:after{position:absolute;content:"";border-radius:50%;background:#ffffff75}
.helpScene:before{width:156px;height:156px;left:-44px;top:28px}
.helpScene:after{width:112px;height:112px;right:-20px;top:-35px}
.helpScene-phone{position:relative;z-index:1;width:67px;height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:3px solid #26381e;border-radius:16px;background:linear-gradient(155deg,#293b20,#526c31);box-shadow:0 10px 22px #26381e33;color:#d8f35d;animation:tourFloat 3s ease-in-out infinite}
.helpScene-camera{position:absolute;top:5px;width:18px;height:3px;border-radius:3px;background:#ffffff75}
.helpScene-phone>span{font-size:30px;filter:drop-shadow(0 2px 4px #0003)}
.helpScene-phone>b{font-size:7px;letter-spacing:.08em}
.helpScene-orbit{position:absolute;z-index:2;display:grid;place-items:center;width:27px;height:27px;border:1px solid #dbe9b9;border-radius:9px;background:#fff;color:#527126;font-weight:900;box-shadow:0 4px 12px #26381e12;animation:tourOrbit 3s ease-in-out infinite}
.helpScene-orbit-one{margin:-37px 0 0 105px}.helpScene-orbit-two{margin:41px 0 0 -105px;color:#ad8030;animation-delay:.5s}
.helpScene-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#65733f;font-size:8px;font-weight:900;letter-spacing:.17em}
.helpScene.is-changing .helpScene-phone{animation:tourPop .35s ease-out both}
.helpHighlights{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}
.helpHighlights li{position:relative;padding:8px 10px 8px 30px;border:1px solid #e8eddf;border-radius:10px;background:#ffffffc9;color:#3e4933;font-size:11px;line-height:1.5}
.helpHighlights li:before{position:absolute;left:10px;top:8px;content:"✓";display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#e8f5bf;color:#5f7b21;font-size:9px;font-weight:900}
.helpAction{width:100%;margin-top:13px;padding:11px 14px;border:1px solid #304324;border-radius:10px;background:#26371f;color:#e2f56c;font-size:12px;font-weight:900;cursor:pointer}
.helpAction:hover,.helpAction:focus-visible{background:#354b2a;outline:3px solid #d5ee70}
.helpAction[hidden]{display:none}
.helpBox .helpProgress{margin-top:16px}
.helpBox .row.between{align-items:center;flex-wrap:wrap;gap:9px}
.helpBox .row.between>.row{gap:7px;flex-wrap:wrap}
.helpBox .row.between button{min-height:40px}
.helpPlay{padding:9px 12px;font-size:11px}
#helpBack:disabled{opacity:.45;cursor:not-allowed}
#helpStepLabel{display:inline-flex;align-items:center;margin:0;padding:6px 10px;border-radius:20px;background:#edf4d5;color:#526a25;font-size:9px;font-weight:900;letter-spacing:.08em}
@keyframes tourFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes tourOrbit{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(8deg)}}
@keyframes tourPop{0%{opacity:.55;transform:scale(.93)}100%{opacity:1;transform:scale(1)}}
@media(max-width:600px){.helpGuide{padding:10px}.helpBox{max-height:calc(88dvh - env(safe-area-inset-bottom));border-radius:17px;padding:17px}.helpScene{height:112px;margin:0 0 12px}.helpScene-phone{transform:scale(.9)}.helpBox h2{margin-top:13px}.helpBox p{font-size:12px}.helpHighlights li{font-size:10px}.helpBox .row.between{display:grid;grid-template-columns:auto 1fr}.helpBox .row.between>.row{justify-content:flex-end}.helpPlay{grid-column:1/-1;grid-row:2;justify-self:start}.helpBox .row.between button{padding:9px 10px;font-size:10px}.gateTourButton{padding:11px}}
@media(prefers-reduced-motion:reduce){.helpScene-phone,.helpScene-orbit{animation:none}.helpScene.is-changing .helpScene-phone{animation:none}}