.intro-trigger{position:fixed;left:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:31;border:1px solid #ffffffbd;border-radius:8px;padding:11px 17px;min-height:44px;font-size:13px;font-weight:600;color:#793e2c;background:linear-gradient(135deg,#ffffffa6,#ffffff45 60%,#e8c6b84d);box-shadow:0 6px 22px #2530401a,inset 0 1px 1px #ffffffed,inset 0 -1px 1px #ffffff70;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);opacity:1;transform:translateY(0);visibility:visible;transition:opacity 440ms ease,transform 600ms cubic-bezier(.2,.7,.2,1),box-shadow 440ms ease,visibility 0s}
.intro-trigger:hover{box-shadow:0 8px 26px #25304024,inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff90;transform:translateY(-2px)}.intro-trigger:active{transform:translateY(0) scale(.97)}.intro-trigger.is-hidden{opacity:0;transform:translateY(12px) scale(.96);visibility:hidden;pointer-events:none;transition:opacity 360ms ease,transform 360ms ease,visibility 0s 360ms}.intro-open{overflow:hidden}
.intro-dialog{position:fixed;inset:0;margin:auto;width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:32px;border:1px solid #fff;border-radius:8px;color:#25272b;background:#ffffffdf;box-shadow:0 28px 90px #26334433,inset 0 1px 1px #fff;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%)}
.intro-dialog[open]{animation:intro-in 760ms cubic-bezier(.16,1,.3,1) both}.intro-dialog::backdrop{background:#333d4b38;backdrop-filter:blur(5px);animation:intro-backdrop-in 600ms ease both}.intro-dialog.is-closing{animation:intro-out 520ms ease both}.intro-dialog.is-closing::backdrop{animation:intro-backdrop-out 520ms ease both}
.intro-close{position:sticky;float:right;top:0;z-index:20;margin:-20px -20px 8px 12px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffffa0;border-radius:6px;background:#f5f6f8;color:#535a65;box-shadow:0 3px 12px #26334412;font-size:26px;line-height:1}.intro-eyebrow{margin:0 34px 12px 0;color:#914a35;font-size:11px;font-weight:700}.intro-dialog h2{font-size:28px;line-height:1.2;margin:0 0 12px;padding-right:8px}.intro-dialog>p:not(.intro-eyebrow){font-size:14px;line-height:1.6;color:#616771;margin:0}.intro-steps{list-style:none;padding:0;margin:22px 0;display:grid;gap:18px}.intro-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}.intro-steps li>span{display:grid;place-items:center;align-self:start;width:30px;height:30px;border:1px solid #a66c5550;border-radius:50%;font-size:11px;color:#914a35}.intro-steps h3{font-size:15px;margin:3px 0 5px}.intro-steps p{font-size:13px;line-height:1.6;color:#616771;margin:0}.intro-start{width:100%;min-height:46px;padding:12px 18px}
@keyframes intro-in{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}@keyframes intro-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(14px) scale(.96)}}@keyframes intro-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes intro-backdrop-out{from{opacity:1}to{opacity:0}}
@media(max-width:520px){.intro-dialog{padding:28px 22px 22px}.intro-dialog h2{font-size:25px}.intro-trigger{left:12px;font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.intro-dialog[open],.intro-dialog::backdrop,.intro-dialog.is-closing,.intro-dialog.is-closing::backdrop{animation:none}.intro-trigger,.intro-trigger.is-hidden{transition:none;transform:none}}
@media(max-width:520px){.intro-close{margin:-16px -10px 8px 12px}}
@media(prefers-reduced-transparency:reduce){.intro-dialog,.intro-trigger{background:#fff;backdrop-filter:none}}