/* Ask Mandy product tour ("how Ask Mandy works") - self-contained, all classes prefixed am- */
.am-tour{--am-paper:#FBFAFE;--am-surface:#fff;--am-tint:#F3EFFC;--am-tint2:#EEE7FB;--am-text:#2D2A5C;--am-muted:#5F5A82;--am-faint:#938EB2;--am-rule:#E9E3F5;
  --am-v1:#A855F7;--am-v2:#8B3DEF;--am-v3:#C026D3;--am-good:#1F9D6B;--am-goodbg:#E6F7EF;--am-warn:#B4791F;--am-warnbg:#FBF1DF;
  --am-grad:linear-gradient(93deg,#A855F7 0%,#8B3DEF 55%,#C026D3 100%);--am-gradbrand:linear-gradient(90deg,#C026D3,#8B3DEF 50%,#7C8BF5);
  --am-shadow:0 1px 2px rgba(45,42,92,.05),0 16px 38px -24px rgba(139,61,239,.30);
  --am-display:"Sora","Segoe UI",Arial,sans-serif;--am-sans:"Manrope","Segoe UI",Arial,sans-serif;--am-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  font-family:var(--am-sans);color:var(--am-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;
  display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:28px;align-items:start;position:relative}
.am-tour *,.am-tour *::before,.am-tour *::after{box-sizing:border-box}
.am-tour svg{flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.am-tour p{margin:0}
.am-tour [data-part][hidden]{display:none!important}
.am-tour button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.am-tour button:focus-visible,.am-tour a:focus-visible{outline:3px solid var(--am-v1);outline-offset:3px;border-radius:12px}

/* ---- step list (hero) ---- */
.am-steps{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.am-step{display:grid;grid-template-columns:30px 1fr;gap:12px;text-align:left;width:100%;padding:12px 14px 18px;border-radius:14px;position:relative;overflow:hidden;transition:background .25s,box-shadow .25s}
.am-step:hover{background:var(--am-tint)}
.am-step[aria-current="step"]{background:var(--am-surface);box-shadow:var(--am-shadow)}
.am-step .am-n{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--am-display);font-weight:600;font-size:12.5px;background:var(--am-tint2);color:var(--am-v2);transition:all .25s}
.am-step[aria-current="step"] .am-n{background:var(--am-grad);color:#fff;box-shadow:0 8px 18px -10px rgba(139,61,239,.7)}
.am-step .am-t{display:block;font-family:var(--am-display);font-weight:600;font-size:15px;letter-spacing:-.01em}
.am-step .am-d{display:block;font-size:13px;color:var(--am-muted);line-height:1.45;margin-top:2px;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s,opacity .35s}
.am-step[aria-current="step"] .am-d{max-height:80px;opacity:1}
.am-step .am-bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--am-gradbrand);border-radius:3px}
.am-step[aria-current="step"] .am-bar{transition:width linear}
.am-side-cta{margin-top:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.am-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--am-grad);color:#fff;font-family:var(--am-display);font-weight:600;font-size:14px;border-radius:100px;padding:12px 22px;text-decoration:none;box-shadow:0 12px 24px -12px rgba(139,61,239,.7)}
.am-link{font-weight:600;color:var(--am-v2);text-decoration:none;font-size:13.5px}
.am-link:hover{text-decoration:underline}

/* ---- screen + stage ---- */
.am-right,.am-left{min-width:0}
.am-screen{position:relative;width:100%;aspect-ratio:960/600;border-radius:18px;overflow:hidden;background:var(--am-paper);box-shadow:0 2px 6px rgba(45,42,92,.06),0 40px 80px -40px rgba(139,61,239,.45);border:1px solid var(--am-rule)}
.am-stage{position:absolute;left:0;top:0;width:960px;height:600px;transform-origin:0 0;display:grid;grid-template-columns:200px 1fr;background:var(--am-paper);font-size:13px}
.am-side{background:var(--am-surface);border-right:1px solid var(--am-rule);display:flex;flex-direction:column;padding:18px 12px;gap:5px}
.am-side .am-logo{height:28px;width:auto;margin:4px 8px 14px;align-self:flex-start}
.am-cap{font-family:var(--am-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--am-faint);padding:4px 12px}
.am-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--am-muted);font-weight:600;font-size:12.5px;text-decoration:none;transition:background .3s,color .3s}
.am-nav a svg{width:16px;height:16px}
.am-nav a.am-on{background:var(--am-grad);color:#fff;box-shadow:0 10px 22px -12px rgba(139,61,239,.7)}
.am-who{margin-top:auto;display:flex;align-items:center;gap:9px;padding:10px 8px;border-top:1px solid var(--am-rule)}
.am-who .am-av{width:30px;height:30px;border-radius:50%;background:var(--am-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--am-display);font-size:12px}
.am-who b{display:block;font-size:12px} .am-who span{font-size:10.5px;color:var(--am-faint)}
.am-main{position:relative;min-width:0;overflow:hidden}
.am-view{position:absolute;inset:0;display:grid;grid-template-rows:54px 1fr auto;transition:opacity .45s;opacity:1}
.am-view[hidden]{display:grid;opacity:0;pointer-events:none}
.am-top{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--am-rule);background:rgba(255,255,255,.75)}
.am-top .am-l{display:flex;align-items:center;gap:10px} .am-top .am-l img{width:30px;height:auto}
.am-top .am-tt b{font-family:var(--am-display);font-size:13.5px;display:block} .am-top .am-tt .am-s{font-size:10.5px;color:var(--am-faint)}
.am-seg{display:flex;background:var(--am-tint);border-radius:100px;padding:3px} .am-seg span{font-size:11.5px;font-weight:600;color:var(--am-muted);padding:6px 13px;border-radius:100px} .am-seg .am-a{background:#fff;color:var(--am-v2);box-shadow:var(--am-shadow)}
.am-stream{overflow:hidden;padding:20px 22px 6px;display:flex;flex-direction:column;gap:16px}
.am-empty{margin:auto;text-align:center;color:var(--am-faint);max-width:380px}
.am-empty img{width:64px;height:auto;margin-bottom:10px}
.am-empty b{display:block;font-family:var(--am-display);font-size:15px;color:var(--am-text);margin-bottom:3px}
.am-q{align-self:flex-end;max-width:72%;background:var(--am-grad);color:#fff;font-weight:600;font-size:13px;padding:10px 14px;border-radius:14px 14px 4px 14px;box-shadow:0 12px 24px -14px rgba(139,61,239,.6)}
.am-m{display:flex;gap:10px;align-items:flex-start}
.am-m .am-mav{width:30px;height:30px;border-radius:50%;flex:none;overflow:hidden;box-shadow:var(--am-shadow);background:#fff} .am-m .am-mav img{width:100%;height:auto;display:block}
.am-think{display:flex;flex-direction:column;gap:8px;padding:6px 0}
.am-think .am-tl{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--am-v2);font-size:12.5px}
.am-dots span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--am-v2);margin-right:3px;animation:am-blink 1.1s infinite}
.am-dots span:nth-child(2){animation-delay:.2s} .am-dots span:nth-child(3){animation-delay:.4s}
@keyframes am-blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.am-chips{display:flex;flex-wrap:wrap;gap:6px}
.am-chip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--am-v2);background:var(--am-tint);border-radius:100px;padding:5px 10px;white-space:nowrap}
.am-chip svg{width:11px;height:11px}
.am-think .am-chip{opacity:0;transform:translateY(4px);animation:am-in .4s forwards}
.am-think .am-chip:nth-child(1){animation-delay:.3s} .am-think .am-chip:nth-child(2){animation-delay:.9s} .am-think .am-chip:nth-child(3){animation-delay:1.5s} .am-think .am-chip:nth-child(4){animation-delay:2.1s}
@keyframes am-in{to{opacity:1;transform:none}}
.am-bubble{position:relative;background:var(--am-surface);border-radius:4px 14px 14px 14px;box-shadow:var(--am-shadow);padding:14px 16px;flex:1;min-width:0}
.am-bubble::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--am-grad);opacity:.7}
.am-lead{font-size:13px;line-height:1.55}
.am-block{margin-top:10px} .am-block .am-h{font-family:var(--am-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--am-v2);margin-bottom:4px}
.am-block p{font-size:12px;color:var(--am-muted);line-height:1.5}
.am-srcs{margin-top:12px;padding:10px 10px 8px;border-top:1px dashed var(--am-rule);border-radius:10px}
.am-srcs .am-h{font-family:var(--am-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--am-faint);margin-bottom:6px}
.am-acts{display:flex;align-items:center;gap:6px;margin-top:10px}
.am-act{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--am-muted);background:var(--am-paper);border:1px solid var(--am-rule);border-radius:100px;padding:6px 11px}
.am-act svg{width:12px;height:12px}
.am-act.am-p{background:var(--am-grad);color:#fff;border-color:transparent}
.am-composer{padding:10px 22px 14px;border-top:1px solid var(--am-rule);background:var(--am-surface)}
.am-cbox{display:flex;align-items:center;gap:10px;border:1px solid var(--am-rule);border-radius:14px;padding:10px 12px;box-shadow:var(--am-shadow);background:var(--am-paper);transition:box-shadow .3s,border-color .3s}
.am-cbox .am-ph{flex:1;color:var(--am-faint);font-size:12.5px;min-height:19px}
.am-cbox .am-ph.am-typing{color:var(--am-text);font-weight:500}
.am-cbox .am-ph.am-typing::after{content:"";display:inline-block;width:2px;height:14px;background:var(--am-v2);margin-left:1px;vertical-align:-2px;animation:am-blink .9s infinite}
.am-cbox .am-ico{width:17px;height:17px;color:var(--am-faint)}
.am-cbox .am-talk{width:32px;height:32px;border-radius:50%;background:var(--am-tint);display:flex;align-items:center;justify-content:center;color:var(--am-v2)} .am-cbox .am-talk svg{width:16px;height:16px}
.am-send{display:inline-flex;align-items:center;gap:6px;background:var(--am-grad);color:#fff;font-family:var(--am-display);font-weight:600;font-size:12px;border-radius:100px;padding:8px 14px} .am-send svg{width:13px;height:13px}
.am-chint{text-align:center;font-size:10.5px;color:var(--am-faint);margin-top:7px} .am-chint b{color:var(--am-v2)}
.am-toast{position:absolute;right:22px;bottom:92px;display:flex;align-items:center;gap:9px;background:var(--am-text);color:#fff;font-weight:600;font-size:12px;padding:10px 14px;border-radius:12px;box-shadow:0 18px 30px -18px rgba(45,42,92,.6);opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;pointer-events:none}
.am-toast svg{width:16px;height:16px;color:#7CE0B3}
.am-toast.am-show{opacity:1;transform:none}

/* dashboard view */
.am-dash{padding:18px 22px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.am-dash h3{margin:0;font-family:var(--am-display);font-weight:600;font-size:16px;letter-spacing:-.02em}
.am-dash .am-sub{font-size:11.5px;color:var(--am-faint);margin-top:-8px}
.am-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.am-stat{background:var(--am-surface);border:1px solid var(--am-rule);border-radius:12px;padding:10px 12px}
.am-stat .am-k{font-family:var(--am-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--am-faint)}
.am-stat .am-v{font-family:var(--am-display);font-weight:600;font-size:20px;margin-top:2px}
.am-card{background:var(--am-surface);border:1px solid var(--am-rule);border-radius:14px;padding:12px 14px;box-shadow:var(--am-shadow)}
.am-card .am-ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.am-card .am-ch b{font-family:var(--am-display);font-size:13px}
.am-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;border-radius:100px;padding:3px 9px;background:var(--am-tint);color:var(--am-v2)}
.am-pill.am-new{background:var(--am-warnbg);color:var(--am-warn)}
.am-alert{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--am-rule)}
.am-alert:first-of-type{border-top:0}
.am-alert .am-ai{width:26px;height:26px;border-radius:8px;background:var(--am-tint);display:flex;align-items:center;justify-content:center;color:var(--am-v2)} .am-alert .am-ai svg{width:14px;height:14px}
.am-alert b{font-size:12px;display:block} .am-alert span{font-size:10.5px;color:var(--am-faint)}
.am-dash .am-card.am-tour-tip{animation:none}

/* spotlight */
.am-spot{position:absolute;border-radius:14px;box-shadow:0 0 0 3px var(--am-v1),0 0 0 4000px rgba(45,42,92,.32);pointer-events:none;transition:left .55s cubic-bezier(.2,.8,.2,1),top .55s cubic-bezier(.2,.8,.2,1),width .55s cubic-bezier(.2,.8,.2,1),height .55s cubic-bezier(.2,.8,.2,1),opacity .3s;z-index:5;opacity:0}
.am-spot.am-show{opacity:1}
.am-spot .am-tag{position:absolute;left:0;top:-34px;display:inline-flex;align-items:center;gap:7px;background:var(--am-grad);color:#fff;font-family:var(--am-display);font-weight:600;font-size:11.5px;padding:6px 11px 6px 7px;border-radius:100px;white-space:nowrap;box-shadow:0 10px 22px -10px rgba(139,61,239,.8)}
.am-spot .am-tag i{font-style:normal;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.25);display:inline-flex;align-items:center;justify-content:center;font-size:10.5px}
.am-spot.am-below .am-tag{top:auto;bottom:-34px}

/* controls */
.am-ctl{display:flex;align-items:center;gap:8px;margin-top:14px}
.am-ctl .am-ib{width:36px;height:36px;border-radius:50%;border:1px solid var(--am-rule);background:var(--am-surface);display:inline-flex;align-items:center;justify-content:center;color:var(--am-text);transition:background .2s}
.am-ctl .am-ib:hover{background:var(--am-tint)} .am-ctl .am-ib svg{width:16px;height:16px}
.am-ctl .am-ib.am-play svg.am-pause-i{display:none} .am-ctl.am-playing .am-ib.am-play svg.am-pause-i{display:block} .am-ctl.am-playing .am-ib.am-play svg.am-play-i{display:none}
.am-cap-live{font-size:13px;color:var(--am-muted);flex:1;min-width:0}
.am-cap-live b{color:var(--am-text)}
.am-dotsrow{display:flex;align-items:center;gap:6px}
.am-dot{height:8px;width:8px;border-radius:100px;background:var(--am-tint2);position:relative;overflow:hidden;transition:width .3s,background .3s}
.am-dot[aria-current="step"]{width:34px;background:var(--am-tint2)}
.am-dot i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--am-gradbrand);border-radius:100px}
.am-dot[aria-current="step"] i{transition:width linear}
.am-dot.am-done{background:var(--am-v1)}
.am-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- compact variant (SEO page footer) ---- */
.am-tour[data-variant="compact"]{grid-template-columns:1fr;gap:12px;max-width:760px}
.am-tour[data-variant="compact"] .am-steps,.am-tour[data-variant="compact"] .am-side-cta{display:none}
.am-tour[data-variant="compact"] .am-screen{border-radius:14px}
.am-tour[data-variant="compact"] .am-ctl{margin-top:10px}
.am-tour[data-variant="compact"] .am-spot .am-tag{font-size:13px;padding:7px 13px 7px 8px;top:-40px} .am-tour[data-variant="compact"] .am-spot.am-below .am-tag{bottom:-40px}
.am-tour[data-variant="compact"] .am-spot .am-tag i{width:20px;height:20px}
.am-tour .am-head{display:none}
.am-tour[data-variant="compact"] .am-head{display:block;margin-bottom:2px}
.am-tour[data-variant="compact"] .am-head b{font-family:var(--am-display);font-weight:600;font-size:17px;letter-spacing:-.01em;display:block}
.am-tour[data-variant="compact"] .am-head span{font-size:13px;color:var(--am-muted)}

/* ---- responsive ---- */
@media (max-width:820px){
  .am-tour{grid-template-columns:minmax(0,1fr);gap:16px}
  .am-tour .am-left{order:2;display:flex;flex-direction:column}
  .am-tour .am-steps{order:2;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}
  .am-tour .am-step{flex:none;width:210px;grid-template-columns:26px 1fr;padding:10px 12px 12px}
  .am-tour .am-step .am-d{display:block;display:none}
  .am-tour .am-side-cta{order:3}
  .am-tour .am-right{order:1}
  .am-tour .am-spot .am-tag{font-size:14px;top:-42px} .am-tour .am-spot.am-below .am-tag{bottom:-42px}
  .am-tour .am-stage{grid-template-columns:1fr}
  .am-tour .am-side{display:none}
  .am-tour .am-screen{aspect-ratio:600/600}
  .am-tour .am-stage{width:600px}
  .am-tour[data-variant="compact"] .am-left{order:0}
  .am-tour .am-cap-live{font-size:12.5px}
  .am-tour .am-q{max-width:88%}
}
@media (prefers-reduced-motion:reduce){
  .am-tour .am-spot,.am-tour .am-step .am-d,.am-tour .am-view,.am-tour .am-toast{transition:none}
  .am-tour .am-think .am-chip{animation:none;opacity:1;transform:none}
  .am-tour .am-dots span{animation:none;opacity:1}
}

/* ---- controls: shared pager (caption, dots, prev / count / play / next) ---- */
.am-ctl .am-count{font-family:var(--am-mono);font-size:12px;color:var(--am-faint);padding:0 4px;white-space:nowrap}
.am-ctl .am-count b{color:var(--am-text);font-weight:600}
.am-ctl .am-ib.am-accent{background:var(--am-grad);border-color:transparent;color:#fff;box-shadow:0 10px 20px -10px rgba(139,61,239,.8)}
.am-ctl .am-ib.am-accent:hover{filter:brightness(1.06);background:var(--am-grad)}
.am-tour[data-variant="compact"] .am-dotsrow{display:none}

/* ---- "devices" layout: desktop screen + phone in a glass composition ---- */
.am-tour[data-layout="devices"]{grid-template-columns:minmax(0,1fr)}
.am-tour[data-layout="devices"] .am-left{display:none}
.am-comp-wrap{position:relative;width:100%;aspect-ratio:760/560;overflow:hidden;border-radius:30px}
.am-comp{position:absolute;left:0;top:0;width:760px;height:560px;transform-origin:0 0;perspective:1800px}
.am-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.am-blob-a{right:-40px;top:20px;width:520px;height:520px;background:radial-gradient(circle at 35% 30%,#F6F1FD 0%,#EEE7FB 45%,#E4D9F7 100%);box-shadow:inset -30px -40px 80px rgba(139,61,239,.12),0 40px 80px -50px rgba(139,61,239,.35)}
.am-blob-b{left:120px;top:90px;width:520px;height:420px;border-radius:40% 60% 55% 45%;background:radial-gradient(ellipse at 50% 55%,rgba(192,38,211,.28),rgba(168,85,247,.22) 35%,rgba(124,139,245,0) 70%);filter:blur(28px)}
.am-glass{position:absolute;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.18) 60%,rgba(255,255,255,.4));border:1px solid rgba(255,255,255,.85);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 40px 80px -40px rgba(45,42,92,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.am-glass-a{left:120px;top:14px;width:600px;height:440px;transform:perspective(1800px) rotateY(-10deg) rotateX(4deg)}
.am-glass-b{left:66px;top:118px;width:250px;height:410px;border-radius:34px;transform:perspective(1800px) rotateY(8deg)}
.am-dev{position:absolute;transform-style:preserve-3d;transition:filter .5s,opacity .5s}
.am-dev .am-dim{position:absolute;inset:0;border-radius:inherit;background:rgba(251,250,254,.35);opacity:0;transition:opacity .5s;pointer-events:none}
.am-dev.am-dimmed .am-dim{opacity:1}
.am-dev-desktop{left:172px;top:52px;width:596px;height:372px;border-radius:16px;transform:perspective(1800px) rotateY(-10deg) rotateX(4deg);box-shadow:0 60px 90px -50px rgba(45,42,92,.45),0 0 0 1px rgba(255,255,255,.7)}
.am-dev-desktop .am-screen{width:596px;height:372px;aspect-ratio:auto;border-radius:16px}
.am-dev-desktop .am-stage{transform:scale(.62)}
.am-dev-desktop .am-spot .am-tag{font-size:17px;padding:8px 14px 8px 9px;top:-46px} .am-dev-desktop .am-spot.am-below .am-tag{top:auto;bottom:-46px}
.am-dev-desktop .am-spot .am-tag i{width:24px;height:24px;font-size:13px}
.am-dev-phone{left:40px;top:158px;width:176px;height:366px;border-radius:32px;background:#fff;box-shadow:0 50px 70px -40px rgba(45,42,92,.5),0 0 0 1px rgba(255,255,255,.9),0 0 0 7px #F0EBFA;transform:perspective(1800px) rotateY(9deg) rotateX(2deg)}
.am-pscreen{position:absolute;inset:6px;border-radius:26px;overflow:hidden;background:var(--am-paper)}
.am-pstage{position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(.4205);transform-origin:0 0;display:flex;flex-direction:column;font-size:15px;background:var(--am-paper);padding:0 0 0}
.am-pstage .am-spot .am-tag{font-size:22px;padding:10px 18px 10px 12px;top:-62px;border-radius:100px;max-width:330px;white-space:normal;line-height:1.15;align-items:flex-start} .am-pstage .am-spot.am-below .am-tag{top:auto;bottom:-66px}
.am-pstage .am-spot .am-tag i{width:30px;height:30px;font-size:17px;flex:none}
.am-pstage .am-spot{border-radius:26px;box-shadow:0 0 0 5px var(--am-v1),0 0 0 4000px rgba(45,42,92,.32)}
.am-pbar{display:flex;justify-content:space-between;align-items:center;padding:16px 26px 0;font-family:var(--am-display);font-weight:600;font-size:15px}
.am-psig{display:flex;gap:3px;align-items:flex-end} .am-psig i{width:4px;background:var(--am-text);border-radius:1px;height:6px} .am-psig i:nth-child(2){height:9px} .am-psig i:nth-child(3){height:12px}
.am-phead{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 14px}
.am-pgreet{font-size:14px;color:var(--am-faint)} .am-pname{font-family:var(--am-display);font-weight:600;font-size:26px;letter-spacing:-.02em}
.am-pmandy{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top;box-shadow:var(--am-shadow);background:#fff}
.am-pask{margin:0 20px 16px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--am-rule);border-radius:100px;padding:14px 16px;color:var(--am-faint);font-size:15px;box-shadow:var(--am-shadow)}
.am-pask svg{width:20px;height:20px;color:var(--am-faint)} .am-pask span{flex:1} .am-pask i{width:36px;height:36px;border-radius:50%;background:var(--am-tint);display:flex;align-items:center;justify-content:center;margin:-6px -6px -6px 0} .am-pask i svg{color:var(--am-v2);width:18px;height:18px}
.am-pcard{margin:0 20px 14px;background:#fff;border:1px solid var(--am-rule);border-radius:22px;padding:16px 18px;box-shadow:var(--am-shadow)}
.am-pch{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px} .am-pch b{font-family:var(--am-display);font-size:16px}
.am-pstage .am-pill{font-size:12px;padding:4px 11px}
.am-pal{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--am-rule)}
.am-pal:first-of-type{border-top:0}
.am-pai{width:34px;height:34px;border-radius:11px;background:var(--am-tint);display:flex;align-items:center;justify-content:center;color:var(--am-v2)} .am-pai svg{width:18px;height:18px}
.am-pal b{font-size:14px;display:block;line-height:1.3} .am-pal span{font-size:12px;color:var(--am-faint);display:block;margin-top:2px}
.am-pal em{font-style:normal;font-size:11px;font-weight:700;background:var(--am-warnbg);color:var(--am-warn);border-radius:100px;padding:4px 10px}
.am-prow{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--am-rule);font-size:14px} .am-prow:first-of-type{border-top:0} .am-prow span{color:var(--am-faint);font-size:12px}
.am-pquiet{opacity:.9}
.am-ptabs{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:14px 10px 30px;border-top:1px solid var(--am-rule);background:#fff}
.am-ptabs span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--am-faint)} .am-ptabs svg{width:22px;height:22px} .am-ptabs .am-on{color:var(--am-v2)}
.am-tour[data-layout="devices"] .am-ctl{margin-top:8px;padding:0 6px}
.am-tour[data-layout="devices"] .am-ctl .am-ib{width:44px;height:44px} .am-tour[data-layout="devices"] .am-ctl .am-ib svg{width:18px;height:18px}
.am-tour[data-layout="devices"] .am-cap-live{font-size:14px}
@media (max-width:820px){
  .am-tour[data-layout="devices"] .am-cap-live{flex-basis:100%;order:-1;margin-bottom:8px}
  .am-tour[data-layout="devices"] .am-ctl{flex-wrap:wrap;justify-content:flex-end}
  .am-tour[data-layout="devices"] .am-dev-desktop .am-side{display:flex}
  .am-tour[data-layout="devices"] .am-dev-desktop .am-stage{width:960px;grid-template-columns:200px 1fr}
  .am-tour[data-layout="devices"] .am-dev-desktop .am-screen{aspect-ratio:auto}
}