:root{scroll-behavior:smooth}.help-page{width:min(1100px,calc(100% - 28px));margin:0 auto;padding:34px 0 70px}.help-hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:42px;padding:34px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--receiver-soft) 88%,var(--page-bg-soft)),var(--page-bg-soft));box-shadow:var(--shadow)}.help-hero h1{max-width:720px;margin:8px 0 12px;font-size:clamp(2rem,5vw,3.8rem);line-height:1.04}.help-hero p{max-width:680px;margin:0;color:var(--muted);font-size:1.02rem;line-height:1.65}.animated-label{position:relative;min-height:175px;padding:24px;border:2px solid var(--receiver-accent);border-radius:18px;background:#fff;box-shadow:0 16px 34px rgba(4,60,68,.16);transform:rotate(2deg);animation:help-float 3.8s ease-in-out infinite}.animated-label .label-chip{display:inline-block;padding:4px 11px;border-radius:99px;background:#111;color:#fff;font-weight:900}.animated-label>i{display:block;width:78%;height:9px;margin-top:15px;border-radius:99px;background:#d5e6e8}.animated-label>i:nth-of-type(2){width:58%}.animated-label>i:nth-of-type(3){width:68%}.animated-plane{position:absolute;right:18px;bottom:16px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--receiver-soft);animation:help-pulse 2s ease-in-out infinite}.animated-plane img{width:25px}.help-jump-nav{position:sticky;top:8px;z-index:20;display:flex;gap:8px;margin:22px 0;padding:9px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--page-bg-soft) 91%,transparent);box-shadow:0 8px 22px rgba(4,35,43,.12);overflow-x:auto;backdrop-filter:blur(12px)}.help-jump-nav a{flex:none;padding:9px 13px;border-radius:10px;color:var(--receiver-accent);font-size:.84rem;font-weight:800;text-decoration:none;white-space:nowrap}.help-jump-nav a:hover,.help-jump-nav a:focus-visible{background:var(--receiver-soft)}.help-section{scroll-margin-top:88px;margin-top:22px;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:22px;background:var(--page-bg-soft);box-shadow:0 9px 28px rgba(5,42,50,.07)}.help-section-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px}.help-section-heading>img{width:48px;height:48px;padding:10px;border-radius:14px;background:var(--receiver-soft);box-sizing:border-box}.help-section-heading h2{margin:2px 0 5px;font-size:clamp(1.4rem,3vw,2rem)}.help-section-heading p{margin:0;color:var(--muted);line-height:1.5}.help-number{display:block;color:var(--receiver-accent);font-size:.7rem;font-weight:900;letter-spacing:.15em}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workflow-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-step,.help-card{position:relative;padding:19px;border:1px solid color-mix(in srgb,var(--receiver-accent) 18%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--receiver-soft) 42%,var(--page-bg-soft));overflow:hidden}.workflow-step>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--receiver-accent);color:#fff}.workflow-step:not(:last-child)::after{content:"›";position:absolute;right:-9px;top:50%;z-index:2;color:var(--receiver-accent);font-size:2rem;font-weight:900;transform:translateY(-50%)}.workflow-step h3,.help-card h3{margin:14px 0 7px}.workflow-step p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.help-tip,.help-warning,.help-note{margin-top:18px;padding:14px 16px;border-radius:13px;line-height:1.55}.help-tip{border-left:4px solid #16845a;background:#e7f8ef}.help-warning{border-left:4px solid #d08b00;background:#fff5d8}.help-note{margin:0;border-left:4px solid var(--receiver-accent);background:var(--receiver-soft)}.help-steps{display:grid;gap:10px;margin:0;padding-left:24px}.help-steps li{padding-left:5px;line-height:1.55}.help-steps li::marker{color:var(--receiver-accent);font-weight:900}.scan-demo{display:flex;align-items:center;justify-content:center;gap:28px;margin:8px 0 24px;padding:20px;border-radius:17px;background:color-mix(in srgb,var(--receiver-soft) 55%,var(--page-bg-soft))}.demo-phone{width:120px;padding:10px;border:3px solid #173b43;border-radius:22px;background:#fff}.demo-phone>span{display:block;width:32px;height:4px;margin:0 auto 8px;border-radius:99px;background:#173b43}.scan-frame{position:relative;display:grid;place-items:center;height:110px;border:2px solid var(--receiver-accent);border-radius:10px;overflow:hidden}.scan-frame img{width:70px;height:70px}.scan-frame i{position:absolute;left:5px;right:5px;top:10px;height:2px;background:#ff5a43;box-shadow:0 0 8px #ff5a43;animation:help-scan 2.2s ease-in-out infinite}.demo-arrow{color:var(--receiver-accent);font-size:2.4rem;font-weight:900;animation:help-nudge 1.7s ease-in-out infinite}.demo-form{width:180px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.demo-form i{display:block;height:9px;margin-bottom:12px;border-radius:99px;background:#cde4e7}.demo-form i:nth-child(2){width:75%}.demo-form i:nth-child(3){width:88%}.demo-form strong{color:#18733a;font-size:.8rem}.help-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.courier-flow{display:flex;align-items:stretch;justify-content:center;gap:9px;margin-bottom:24px}.courier-flow>div{flex:1;display:grid;justify-items:center;gap:5px;padding:16px 10px;border:1px solid var(--line);border-radius:15px;background:var(--receiver-soft);text-align:center}.courier-flow img{width:30px;height:30px}.courier-flow small{color:var(--muted);line-height:1.35}.courier-flow>span{align-self:center;color:var(--receiver-accent);font-size:2rem;font-weight:900}.help-contact{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border-radius:12px;background:var(--receiver-accent);color:#fff;font-weight:850;text-decoration:none}.help-contact img{width:21px;filter:brightness(0) invert(1)}.help-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.help-reveal.help-visible{opacity:1;transform:none}@keyframes help-float{50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes help-pulse{50%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(8,116,130,.1)}}@keyframes help-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(84px)}}@keyframes help-nudge{50%{transform:translateX(7px)}}@media(max-width:850px){.help-hero{grid-template-columns:1fr}.animated-label{width:min(280px,100%);box-sizing:border-box;margin:auto}.workflow-grid,.workflow-grid.three{grid-template-columns:1fr 1fr}.courier-flow{display:grid;grid-template-columns:1fr 1fr}.courier-flow>span{display:none}}@media(max-width:560px){.help-page{width:min(100% - 18px,1100px);padding-top:18px}.help-hero{padding:23px}.workflow-grid,.workflow-grid.three,.help-split{grid-template-columns:1fr}.workflow-step:not(:last-child)::after{content:"↓";right:16px;top:auto;bottom:-18px}.scan-demo{gap:10px}.demo-arrow{font-size:1.7rem}.demo-form{width:120px}.courier-flow{grid-template-columns:1fr}.help-section-heading>img{width:42px;height:42px;padding:9px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.animated-label,.animated-plane,.scan-frame i,.demo-arrow{animation:none}.help-reveal{opacity:1;transform:none;transition:none}}
.help-color-key{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 18px}.help-color-key span{padding:7px 10px;border-radius:9px;color:#101828;font-size:.7rem;font-weight:950;letter-spacing:.03em}.callout-blue{background:#55b8ff}.callout-yellow{background:#ffd83d}.callout-red{background:#ff6262}.blue-step{border:2px solid #268fe0;background:#e8f5ff}.yellow-step{border:2px solid #e1ad00;background:#fff5bf}.red-step{border:2px solid #ef3434;background:#ffe4e4}.blue-step h3,.blue-step p,.yellow-step h3,.yellow-step p,.red-step h3,.red-step p{color:#17212b}.blue-step>b{background:#087ad1}.yellow-step>b{background:#c58a00}.red-step>b{background:#df2424}.help-screenshot{margin:20px 0 24px;padding:13px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--receiver-accent) 5%,var(--page-bg-soft));box-shadow:0 12px 30px rgba(4,35,43,.12)}.help-screenshot figcaption{display:flex;justify-content:space-between;gap:12px;padding:4px 4px 12px}.help-screenshot figcaption span{color:var(--muted);font-size:.82rem;text-align:right}.shot-window{position:relative;max-width:850px;margin:auto;padding:16px;border:2px solid #183e47;border-radius:15px;background:#f9fcfd;color:#14232a;overflow:hidden}.shot-titlebar{display:flex;align-items:center;gap:10px;margin:-16px -16px 16px;padding:9px 12px;border-bottom:1px solid #bad4d8;background:#eaf5f6}.shot-titlebar>img{width:25px;margin-left:auto}.shot-brand{display:flex;align-items:center;gap:7px;font-weight:900}.shot-brand img{width:31px;height:31px}.shot-tabs{display:flex;gap:5px;padding-bottom:8px;border-bottom:1px solid #b9d0d4;overflow:hidden}.shot-tabs>*{padding:8px 10px;white-space:nowrap}.shot-tabs b{border-radius:8px;background:#bde9ef;color:#075c66}.shot-toolbar{display:flex;gap:8px;margin:12px 0}.shot-toolbar button,.shot-toolbar label,.shot-form-title button,.shot-qr-actions button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #77aeb6;border-radius:9px;background:#fff;color:#075c66;font:inherit;font-size:.78rem;font-weight:850}.shot-toolbar img,.shot-form-title img,.shot-qr-actions img{width:18px;height:18px}.shot-address{display:flex;align-items:center;gap:10px;margin-top:8px;padding:11px;border:1px solid #bfd2d5;border-radius:10px;background:#fff}.shot-address.selected{border:2px solid #1687d1;background:#e5f5ff}.shot-address span{display:grid;gap:3px}.shot-address small{color:#53666d}.shot-palette{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;padding:7px;border:2px solid #e0ae00;border-radius:12px;background:#fff2a7;box-shadow:0 8px 18px rgba(69,48,0,.25)}.shot-palette button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #a9c7cc;border-radius:8px;background:#fff}.shot-palette img{width:19px;height:19px}.shot-focus{outline:3px solid #168be1!important;outline-offset:2px}.shot-callout{display:inline-block;padding:6px 9px;border-radius:8px;color:#101828;font-size:.69rem;font-weight:950;box-shadow:0 3px 9px rgba(0,0,0,.12)}.shot-callout.blue{background:#55b8ff}.shot-callout.yellow{background:#ffd83d}.shot-callout.red{background:#ff6262}.shot-window>.shot-callout{margin-top:12px;margin-right:7px}.help-screenshot.compact{max-width:510px;margin-inline:auto}.shot-qr-dialog{position:relative;padding:19px;border:2px solid #173e47;border-radius:16px;background:#f9fcfd;color:#14232a;text-align:center}.shot-close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:1.5rem}.shot-qr{width:190px;height:190px;display:grid;place-items:center;margin:12px auto;padding:10px;border:1px solid #abcbd0;border-radius:12px;background:#fff}.shot-qr img{width:165px;height:165px}.shot-qr-actions{display:flex;justify-content:center;gap:9px;margin-bottom:12px}.creation-shot{display:grid;gap:11px}.shot-preview{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:2px solid #e0ae00;border-radius:11px;background:#fff7c7}.shot-preview>div{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.shot-preview>div strong{padding:13px;border:1px solid #bdcdd0;background:#fff}.shot-form-title{display:flex;align-items:center;gap:8px}.shot-form-title>strong{margin-right:auto;font-size:1.1rem}.shot-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shot-fields span{padding:12px;border:1px solid #b9cdd1;border-radius:9px;background:#fff;color:#607178;font-size:.75rem}.help-tip,.help-warning,.help-note{color:#17313a}.help-warning{color:#4f3500}@media(max-width:620px){.help-screenshot figcaption{flex-direction:column}.help-screenshot figcaption span{text-align:left}.shot-tabs{overflow-x:auto}.shot-palette{position:static;width:max-content;max-width:100%;margin:12px 0 0;flex-direction:column}.shot-window{padding:12px}.shot-titlebar{margin:-12px -12px 12px}.shot-preview,.shot-preview>div,.shot-fields{grid-template-columns:1fr}.shot-form-title{align-items:stretch;flex-direction:column}.shot-form-title>strong{margin:0}.shot-qr{width:155px;height:155px}.shot-qr img{width:132px;height:132px}}
.help-video-card{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);align-items:center;gap:24px;margin:0 0 22px;padding:22px;border:2px solid #1689db;border-radius:22px;background:linear-gradient(135deg,#e7f5ff,color-mix(in srgb,var(--page-bg-soft) 86%,#fff));box-shadow:0 14px 34px rgba(9,84,137,.16)}.help-video-card h2{margin:7px 0;font-size:clamp(1.35rem,3vw,2rem);color:#17313a}.help-video-card p{margin:0;color:#4b626c;line-height:1.55}.help-video-media{display:grid;gap:9px}.help-video-card video{display:block;width:100%;aspect-ratio:16/9;border:1px solid #17414b;border-radius:15px;background:#dfecef;box-shadow:0 8px 22px rgba(0,0,0,.18)}@media(max-width:720px){.help-video-card{grid-template-columns:1fr;padding:14px}.help-video-card video{width:auto;max-width:100%;height:min(72dvh,720px);aspect-ratio:9/16;margin-inline:auto}}