/* Share-way pages (share.php, inc-share-ways.php): landing.css tokens, the pixel scenes of the Business poster
   style, rounded buttons and tiles; one column on phones. */
.share-main{padding-bottom:72px}
.share-crumbs{margin:8px 0 18px;font-size:13px;font-weight:600;color:var(--lp-muted)}.share-crumbs a{color:var(--lp-soft);text-decoration:none}.share-crumbs a:hover{color:var(--lp-text)}
.share-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,48px);border-radius:24px;background:#d8cef8;color:#20183b}
.share-hero h1{margin:0;font-size:clamp(34px,4.6vw,60px);line-height:1;letter-spacing:-.04em;font-weight:900;text-wrap:balance}
.share-lead{margin:18px 0 0;max-width:540px;font-size:clamp(17px,1.6vw,21px);line-height:1.4;font-weight:650;color:rgba(32,24,59,.78);text-wrap:pretty}
.share-label{margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px}
.share-hero .lp-button,.share-cta{border-radius:12px}.share-hero .lp-button{background:#000;color:#fff;box-shadow:none}.share-hero .lp-button:hover{background:#1b1b1b}
.share-hero-art{margin:0;border:3px solid #20183b;border-radius:18px;overflow:hidden;box-shadow:8px 8px 0 #20183b;background:#d8cef8}
.share-scene{display:block;width:100%;height:auto;image-rendering:pixelated}
.share-scene .sw-beam{animation:sw-beam 1.6s steps(4,end) infinite}
@keyframes sw-beam{0%,100%{opacity:.25}50%{opacity:1}}
.share-example{margin-top:28px;padding:22px 24px;border:1px solid var(--lp-line-strong);border-radius:18px;background:var(--lp-panel)}
.share-example p:last-child{margin:0;font-size:18px;line-height:1.5;color:var(--lp-soft)}
.share-example .share-label{color:var(--lp-mint);opacity:1}
.share-steps,.share-more,.share-related,.share-hub{margin-top:56px}
.share-steps h2,.share-more h2,.share-related h2{margin:0 0 22px;font-size:clamp(24px,3vw,36px)}
.share-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.share-steps li{padding:22px;border-radius:18px;background:var(--step-bg);color:var(--step-fg)}
.share-steps li:nth-child(1){--step-bg:#bce7c9;--step-fg:#102418}.share-steps li:nth-child(2){--step-bg:#b9e6ff;--step-fg:#102331}.share-steps li:nth-child(3){--step-bg:#ffd966;--step-fg:#17130a}
.share-steps .lp-step-no{font-size:40px}.share-steps li p{margin:12px 0 0;font-size:16px;font-weight:650;line-height:1.4}
.share-cta{margin-top:22px}
.share-way-grid,.share-hub-grid,.share-related ul{list-style:none;margin:0;padding:0}
.share-way-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.share-way-tile{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--lp-line);border-radius:14px;background:rgba(177,198,255,.04);color:var(--lp-text);text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.share-way-tile:hover{transform:translateY(-2px);border-color:rgba(82,229,165,.5)}
.share-way-tile b{font-size:14px;line-height:1.25}
.share-way-grid li:nth-child(4n+2) .pb-way-icon{background:#b9e6ff;color:#102331}.share-way-grid li:nth-child(4n+3) .pb-way-icon{background:#e9b7d0;color:#321421}.share-way-grid li:nth-child(4n+4) .pb-way-icon{background:#bce7c9;color:#102418}
.share-way-grid .pb-way-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#17130a;background:#ffd966}
.share-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.share-hub-grid a{display:grid;align-content:start;gap:8px;height:100%;padding:12px 12px 18px;border:1px solid var(--lp-line);border-radius:18px;background:var(--lp-panel);color:var(--lp-text);text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.share-hub-grid a:hover{transform:translateY(-3px);border-color:rgba(82,229,165,.5)}
.share-hub-art{display:block;line-height:0;border:2px solid #20183b;border-radius:12px;overflow:hidden}
.share-hub-grid b{margin-top:4px;padding:0 4px;font-size:17px;line-height:1.2}.share-hub-grid a>span:last-child{padding:0 4px;color:var(--lp-muted);font-size:14px;line-height:1.4}
.share-related ul{display:flex;flex-wrap:wrap;gap:10px}
.share-related a{display:inline-flex;min-height:42px;align-items:center;padding:0 16px;border:1px solid var(--lp-line-strong);border-radius:999px;color:var(--lp-soft);font-size:14px;font-weight:700;text-decoration:none}
.share-related a:hover{border-color:var(--lp-mint);color:var(--lp-text)}
@media(max-width:820px){.share-hero{grid-template-columns:1fr}.share-hero-art{order:-1}.share-steps ol{grid-template-columns:1fr}}
@media(max-width:480px){.share-hero{padding:20px 16px;border-radius:20px}.share-hero-art{box-shadow:5px 5px 0 #20183b}.share-actions .lp-button,.share-cta{width:100%}}
@media(prefers-reduced-motion:reduce){.share-scene *{animation:none!important}}