/* DISCOVERY CARDS Guest Explore Mode
   Public reviewer/creator walkthrough. No auth or entitlement bypass. */
:root{--guest-gold:#d7b66a;--guest-ink:#07101f;--guest-panel:#0b1426;--guest-line:rgba(215,182,106,.28)}
.guest-explore-chip{position:fixed;z-index:8800;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--guest-line);border-radius:999px;background:rgba(3,8,18,.9);backdrop-filter:blur(14px);box-shadow:0 14px 38px rgba(0,0,0,.28);color:#f3e6bf;font:600 10px/1.25 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.guest-explore-chip::before{content:"✦";color:var(--guest-gold)}
.guest-explore-launch{position:fixed;z-index:8799;right:18px;bottom:18px;border:1px solid var(--guest-line);border-radius:999px;background:#091221;color:#fff;padding:12px 16px;min-height:44px;box-shadow:0 12px 34px rgba(0,0,0,.35);font:700 12px/1 system-ui,sans-serif;letter-spacing:.06em;cursor:pointer}
.guest-explore-launch:hover,.guest-explore-launch:focus-visible{border-color:rgba(215,182,106,.7);outline:none}
.guest-explore-overlay{position:fixed;z-index:9000;inset:0;background:rgba(1,5,13,.78);backdrop-filter:blur(10px);display:none;align-items:stretch;justify-content:flex-end}
.guest-explore-overlay.open{display:flex}
.guest-explore-shell{width:min(760px,100%);height:100%;overflow:auto;background:linear-gradient(180deg,#07101f 0%,#0a1220 100%);color:#f7f2e8;border-left:1px solid var(--guest-line);box-shadow:-30px 0 70px rgba(0,0,0,.42)}
.guest-explore-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 18px;background:rgba(7,16,31,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--guest-line)}
.guest-explore-kicker{margin:0 0 6px;color:var(--guest-gold);font:700 10px/1.3 system-ui,sans-serif;letter-spacing:.18em}
.guest-explore-head h2{margin:0;font:600 clamp(22px,4vw,34px)/1.12 Georgia,serif}
.guest-explore-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--guest-line);background:transparent;color:#fff;font-size:24px;cursor:pointer}
.guest-explore-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.07)}
.guest-explore-nav button,.guest-explore-nav a{min-height:44px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035);color:#f5f1e8;padding:10px 8px;text-decoration:none;text-align:center;font:700 10px/1.3 system-ui,sans-serif;letter-spacing:.04em;cursor:pointer}
.guest-explore-nav button:hover,.guest-explore-nav a:hover,.guest-explore-nav button.active{border-color:rgba(215,182,106,.65);color:#ffe7a8;background:rgba(215,182,106,.08)}
.guest-explore-body{padding:28px 22px 42px}
.guest-demo-badge{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--guest-line);border-radius:999px;padding:7px 10px;color:#e7cf92;font:700 9px/1 system-ui,sans-serif;letter-spacing:.12em}
.guest-demo-title{margin:18px 0 8px;font:600 clamp(28px,5vw,46px)/1.05 Georgia,serif}
.guest-demo-lead{max-width:620px;color:#bac3d1;font:400 15px/1.7 system-ui,sans-serif}
.guest-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.guest-demo-card{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035);padding:18px}
.guest-demo-card small{display:block;color:var(--guest-gold);font:700 9px/1.3 system-ui,sans-serif;letter-spacing:.13em;margin-bottom:8px}
.guest-demo-card strong{display:block;font:600 18px/1.3 Georgia,serif;margin-bottom:7px}
.guest-demo-card p{margin:0;color:#bdc6d5;font:400 13px/1.6 system-ui,sans-serif}
.guest-demo-flow{display:grid;gap:10px;margin:22px 0}
.guest-demo-flow article{border-left:2px solid var(--guest-line);padding:12px 14px;background:rgba(255,255,255,.025)}
.guest-demo-flow span{display:block;color:#d8bb75;font:700 9px/1.3 system-ui,sans-serif;letter-spacing:.12em;margin-bottom:6px}
.guest-demo-flow p{margin:0;color:#e7e9ed;font:400 14px/1.65 system-ui,sans-serif}
.guest-demo-callout{margin:24px 0;padding:18px;border-radius:14px;background:rgba(215,182,106,.08);border:1px solid var(--guest-line)}
.guest-demo-callout strong{display:block;margin-bottom:6px;color:#f5dfab}
.guest-demo-callout p{margin:0;color:#cbd1db;font:400 13px/1.6 system-ui,sans-serif}
.guest-demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.guest-demo-actions a,.guest-demo-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:11px 16px;text-decoration:none;font:700 11px/1 system-ui,sans-serif;cursor:pointer}
.guest-demo-primary{border:1px solid var(--guest-gold);background:var(--guest-gold);color:#09111d}
.guest-demo-secondary{border:1px solid var(--guest-line);background:transparent;color:#f4e8c4}
.guest-demo-fine{margin-top:18px;color:#818da0;font:400 11px/1.55 system-ui,sans-serif}
@media(max-width:620px){
  .guest-explore-chip{top:10px;max-width:calc(100vw - 26px);overflow:hidden;text-overflow:ellipsis}
  .guest-explore-launch{right:12px;bottom:12px}
  .guest-explore-head{padding:18px 16px 14px}
  .guest-explore-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px}
  .guest-explore-body{padding:22px 16px 36px}
  .guest-demo-grid{grid-template-columns:1fr}
}

.guest-card-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}
.guest-product-card{margin:24px auto;width:min(420px,100%);border:1px solid rgba(215,182,106,.34);border-radius:18px;background:linear-gradient(180deg,rgba(16,28,46,.96),rgba(6,12,22,.98));overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.32)}
.guest-product-card.compact{margin:0;width:100%}
.guest-product-card-art{position:relative;aspect-ratio:3/4;background:#02060d;overflow:hidden}
.guest-product-card-art img{display:block;width:100%;height:100%;object-fit:cover}
.guest-product-card.compact .guest-product-card-art{aspect-ratio:3/4}
.guest-card-step,.guest-card-demo{position:absolute;top:10px;padding:5px 7px;border-radius:999px;background:rgba(3,8,18,.82);backdrop-filter:blur(8px);font:800 9px/1 system-ui,sans-serif;letter-spacing:.12em}
.guest-card-step{left:10px;color:#ffe4a4;border:1px solid rgba(215,182,106,.5)}
.guest-card-demo{right:10px;color:#dce3ee;border:1px solid rgba(255,255,255,.18)}
.guest-product-card figcaption{padding:14px 14px 16px;text-align:left}
.guest-product-card figcaption small{display:block;color:#c6a75c;font:700 9px/1.3 system-ui,sans-serif;letter-spacing:.12em;margin-bottom:6px}
.guest-product-card figcaption strong{display:block;color:#fff;font:700 18px/1.15 Georgia,serif}
.guest-product-card figcaption em{display:block;margin-top:4px;color:#d8c9a4;font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.12em;font-style:normal}
.guest-product-card.compact figcaption{padding:10px}
.guest-product-card.compact figcaption strong{font-size:14px}
.guest-product-card.compact figcaption small{font-size:8px}
@media(max-width:760px){.guest-card-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.guest-card-overview{grid-template-columns:1fr 1fr;gap:8px}.guest-product-card.compact figcaption strong{font-size:13px}}

.guest-ecosystem-toggle span{display:inline-block;margin-left:6px;transition:transform .2s ease}
.guest-ecosystem-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.guest-ecosystem-menu{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:2px}
.guest-ecosystem-menu[hidden]{display:none}
.guest-ecosystem-menu a{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:3px 8px;min-height:64px;padding:11px 12px;text-align:left!important;background:rgba(215,182,106,.055)!important;border-color:rgba(215,182,106,.25)!important}
.guest-ecosystem-menu a small{grid-column:1/2;color:#b99b58;font:800 8px/1 system-ui,sans-serif;letter-spacing:.14em}
.guest-ecosystem-menu a strong{grid-column:1/2;color:#f7f0df;font:700 11px/1.25 system-ui,sans-serif}
.guest-ecosystem-menu a span{grid-column:2/3;grid-row:1/3;color:#d7b66a;font-size:16px}
@media(max-width:620px){.guest-ecosystem-menu{grid-template-columns:1fr}}