[data-public-guides]{--guide-text:#f3f4f7;--guide-muted:#a5acba;--guide-line:#252933;--guide-mint:#35d5b0;--guide-pink:#d90049;font-family:Heebo,Arial,sans-serif}
[data-public-guides].activation-entry{background:linear-gradient(115deg,#13151d,#1c1320);border-color:#302b38;border-radius:18px;padding:32px}
[data-public-guides].activation-entry>[data-activation-open]{background:var(--guide-pink);border-color:var(--guide-pink);color:#fff;border-radius:999px;gap:12px;padding-inline:24px;min-height:52px;font-size:16px}
[data-public-guides] .activation-dialog{width:min(720px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);border-radius:22px;background:#0d1016;border-color:#30303e;box-shadow:0 24px 80px #0008}
[data-public-guides] .activation-dialog::backdrop{background:#05060be8;backdrop-filter:blur(8px)}
[data-public-guides] .activation-dialog-heading{padding:5px 20px;border:0;min-height:52px;background:#13121c}
[data-public-guides] .activation-dialog-heading h2{font-size:15px;color:var(--guide-text)}
[data-public-guides] .activation-dialog-heading button{border-radius:50%;color:var(--guide-text)}
[data-public-guides] button,[data-public-guides] a{touch-action:manipulation}
[data-public-guides] :focus-visible{outline:2px solid #55e5c6;outline-offset:3px}
[data-public-guides] h3:focus{outline:none}
[data-public-guides] ::selection{color:#07241d;background:#55e5c6}
.guide-platform-nav{display:flex;gap:4px;margin:0 16px 14px;padding:5px;border:1px solid #3a3343;border-radius:999px;background:linear-gradient(180deg,#2a2431,#15131d);box-shadow:inset 0 1px #ffffff0a;flex-shrink:0}
.guide-platform-nav button{flex:1;min-width:0;border:1px solid transparent;border-radius:999px;background:transparent;color:#d1cdd9;font:700 14px Heebo,Arial,sans-serif;min-height:44px;padding:6px;cursor:pointer}
.guide-platform-nav button[aria-pressed=true]{color:#ffacc9;border-color:#78324f;background:linear-gradient(150deg,#4b2336,#291a29);box-shadow:inset 0 1px #ffffff14}
.guide-content{overflow:auto;overscroll-behavior:contain;scrollbar-color:#3c3c4a #0d1016;border-top:1px solid var(--guide-line);padding:0}
.guide-content button{font:inherit;cursor:pointer;min-height:44px;color:var(--guide-text);background:#171b23;border:1px solid #30343e;border-radius:999px;padding:8px 16px}
.guide-content button:hover{border-color:#7b8291}
.guide-content button:disabled{opacity:.4;cursor:default}
.guide-content a{color:#75e7cf;text-underline-offset:3px}
.guide-portal-bar{display:flex;align-items:center;gap:14px;padding:12px 20px;background:#10131a;border-bottom:1px solid var(--guide-line)}
.guide-window-dots{display:flex;gap:7px;flex-shrink:0}
.guide-window-dots i{width:10px;height:10px;border-radius:50%;background:#ff6358}
.guide-window-dots i:nth-child(2){background:#f5c34a}.guide-window-dots i:nth-child(3){background:#30c960}
.guide-address{flex:1;text-align:center;min-width:0;border:1px solid #1d222c;border-radius:8px;background:#090c11;padding:7px;font:700 12px/1.5 Heebo,Arial,sans-serif;letter-spacing:.1em;color:#a2d1c5}
.guide-video-badge{font-size:11px;white-space:nowrap;border:1px solid #5c243a;border-radius:999px;padding:4px 10px;color:#ff97b6;background:#25101c}
.guide-product-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--guide-line)}
.guide-variants{display:flex;gap:6px;min-width:0}
.guide-variants button{min-height:36px;padding:5px 14px;font-size:12px}
.guide-variants button[aria-pressed=true]{background:#28333a;color:#e8fffa;border-color:#54887b}
[data-guide-count]{font-size:12px;color:var(--guide-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.guide-step-rail{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:16px 12%;background:#090c11;border-bottom:1px solid var(--guide-line)}
.guide-step-rail li{position:relative;min-width:0}
.guide-step-rail li:not(:last-child)::after{content:"";position:absolute;height:2px;background:#272b34;top:22px;right:calc(50% + 25px);width:calc(100% - 50px)}
.guide-step-rail button{position:relative;display:grid;place-items:center;gap:6px;width:100%;padding:0;border:0;background:transparent;z-index:1}
.guide-step-rail button>span{display:grid;place-items:center;width:44px;height:44px;border:2px solid #30343e;border-radius:50%;background:#161920;color:#a0a5b2;font-weight:800}
.guide-step-rail button small{font-size:11px;color:var(--guide-muted);white-space:nowrap}
.guide-step-rail button[aria-current=step]>span{border-color:#ff254c;background:linear-gradient(145deg,#d90049,#cd240e);color:#fff}
.guide-step-rail button[aria-current=step] small{color:#fff;font-weight:700}
.guide-step-rail .is-complete>span{background:var(--guide-mint);border-color:var(--guide-mint);color:#05271e}
.guide-stream-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;background:#151920;border-bottom:1px solid var(--guide-line);font-size:12px;color:var(--guide-muted)}
.guide-stream-status>span:first-child{display:flex;align-items:center;gap:8px;color:#d0d5df;min-width:0}
.guide-stream-status i{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--guide-mint)}
.guide-screen{position:relative;display:grid;place-items:center;margin:16px 20px 0;padding:8px;border:1px solid #525560;border-radius:16px;background:linear-gradient(145deg,#e5e8ef,#9298a8);overflow:hidden}
.guide-screen video,.guide-screen>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#090b0f;display:block;border-radius:8px}
.guide-screen .activation-pixels{position:absolute;top:45%;left:50%;margin:0;pointer-events:none}
.guide-playback{display:flex;align-items:center;gap:8px;padding:4px 20px 0;flex-wrap:wrap}
.guide-playback button{font-size:12px;border:0;background:transparent;padding:6px 8px;color:#c9d0dc}
.guide-playback .guide-play{display:flex;align-items:center;gap:6px;color:#79e6cd}
.guide-playback>span{margin-inline-start:auto;font-size:11px;color:var(--guide-muted)}
.guide-copy{margin:8px 20px 0;padding:16px 18px;background:linear-gradient(110deg,#11312f,#152725);border:1px solid #27514a;border-radius:9px}
.guide-copy h3{font-size:19px;line-height:1.35;margin:0 0 8px;color:var(--guide-text)}
.guide-copy p{font-size:14px;line-height:1.65;color:#d0e3df;margin:0}
.guide-copy .guide-path{font:12px/1.6 Arial,sans-serif;overflow-wrap:anywhere;text-align:left;margin-top:8px;color:#a3d7ca}
.guide-cue{display:block;font-size:12px;color:#87e6d1;margin-top:8px;overflow-wrap:anywhere}
.guide-copy .guide-note{font-size:12px;color:#f0d49a;margin-top:8px}
.guide-actions{display:flex;gap:10px;margin:16px 20px 0}
.guide-content .guide-primary{flex:1;background:linear-gradient(130deg,#d90049,#d20b3e);color:#fff;border:0;font-weight:800;text-align:center;text-decoration:none;padding:11px 16px;border-radius:999px}
[data-public-guides] .guide-primary:hover,[data-public-guides] .guide-primary:focus-visible,[data-public-guides].activation-entry>[data-activation-open]:hover{color:#fff}
.guide-content details{font-size:12px;margin:0 20px}
.guide-content summary{cursor:pointer;min-height:44px;padding:14px 0 8px;color:var(--guide-muted)}
.guide-content details p{font-size:12px;line-height:1.6;margin:8px 0;color:#c3cad5}
.guide-content .guide-footnote{font-size:11px;text-align:center;color:var(--guide-muted);margin:8px 20px 16px}
.guide-media-error{margin:12px 20px!important;color:#f0d49a!important}
.guide-zoom-dialog{padding:12px;border:1px solid #383d48;border-radius:16px;background:#12151f;color:#f3f6fa;width:calc(100% - 24px);max-width:1100px;max-height:90dvh;margin:auto}
.guide-zoom-dialog::backdrop{background:#03050be6}
.guide-zoom-dialog>button{float:left;border:0;background:none;color:#f3f6fa;font-size:24px;min-width:44px;min-height:44px;cursor:pointer}
.guide-zoom-dialog h3{font-size:18px;margin:8px 0 16px}
.guide-zoom-scroll{overflow:auto;max-height:70dvh;overscroll-behavior:contain;direction:ltr}
.guide-zoom-scroll img{display:block;width:100%;height:auto}
[data-public-guides] [hidden]{display:none!important}
@media(max-width:600px){
 .guide-platform-nav{flex-wrap:wrap;border-radius:18px}.guide-platform-nav button{flex:1 1 88px}
 [data-public-guides] .activation-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}
 [data-public-guides] .activation-dialog-heading{padding-inline:14px}
 .guide-platform-nav{margin:0 10px 12px}.guide-platform-nav button{font-size:12px}
 .guide-portal-bar{gap:8px;padding:12px}.guide-window-dots{gap:5px}.guide-window-dots i{width:8px;height:8px}.guide-address{font-size:11px;padding:7px 3px}.guide-video-badge{font-size:10px;padding:4px 7px}
 .guide-product-bar{padding:10px 12px;gap:8px}.guide-variants button{padding:6px 12px;min-height:44px}[data-guide-count]{font-size:10px}
 .guide-step-rail{padding:14px 12px}.guide-step-rail button small{font-size:10px}.guide-step-rail button>span{width:38px;height:38px}.guide-step-rail li:not(:last-child)::after{top:19px;right:calc(50% + 22px);width:calc(100% - 44px)}
 .guide-stream-status{padding:10px 12px;font-size:11px}.guide-stream-status>span:last-child{font-size:10px;max-width:110px;text-align:left}
 .guide-screen{margin:12px 10px 0;padding:7px;border-radius:13px}.guide-playback{padding-inline:8px;gap:2px}.guide-playback button{font-size:11px}.guide-playback>span{font-size:10px}
 .guide-copy{margin:8px 10px 0;padding:14px}.guide-copy h3{font-size:18px}.guide-copy p{font-size:13px}.guide-copy .guide-note{font-size:12px}
 .guide-actions{margin:14px 10px 0;gap:8px}.guide-actions button{font-size:13px}.guide-content details{margin-inline:14px}.guide-content .guide-footnote{margin-inline:14px}
 .guide-zoom-scroll img{width:900px;max-width:none}
}
@media(prefers-reduced-motion:reduce){[data-public-guides] .activation-dialog::backdrop{backdrop-filter:none}}


[data-public-guides].activation-entry>div>h2{font-size:24px}
[data-public-guides].activation-entry>div>p{font-size:15px}
@media(max-width:600px){[data-public-guides].activation-entry{padding:24px}[data-public-guides].activation-entry>div>h2{font-size:22px}}
