body{margin:0;background:#FFFFFF}
a{text-decoration:none}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}

@keyframes erUp{0%{transform:translateY(-26px);opacity:0}18%,100%{transform:translateY(0);opacity:1}}
@keyframes erFill{0%,22%{width:0}60%,100%{width:100%}}
@keyframes erCut{0%,30%{flex-grow:1;opacity:1}55%,88%{flex-grow:0;opacity:0}100%{flex-grow:1;opacity:1}}
@keyframes erT1{0%,30%{opacity:1}42%,88%{opacity:0}100%{opacity:1}}
@keyframes erT2{0%,30%{opacity:0}42%,88%{opacity:1}100%{opacity:0}}
@keyframes erW1{0%,8%{opacity:0;transform:translateY(6px)}14%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes erW2{0%,24%{opacity:0;transform:translateY(6px)}30%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes erW3{0%,40%{opacity:0;transform:translateY(6px)}46%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes erW4{0%,56%{opacity:0;transform:scale(0.6)}64%{opacity:1;transform:scale(1.12)}70%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes erEq{0%{transform:scaleY(0.25)}100%{transform:scaleY(1)}}
@keyframes erPing{0%,100%{transform:scale(1);opacity:0.35}10%{transform:scale(1.8);opacity:1}25%{transform:scale(1);opacity:0.35}}
@keyframes erSlide{0%,15%{transform:translateY(-102%)}32%,88%{transform:translateY(0)}100%{transform:translateY(-102%)}}
@keyframes erPop{0%,32%{transform:scale(0)}42%{transform:scale(1.15)}48%,88%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes erExp{0%,10%{width:0}55%,100%{width:100%}}
@keyframes erDone{0%,55%{opacity:0;transform:scale(0.7)}62%{opacity:1;transform:scale(1.08)}68%,100%{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.er-anim *{animation:none !important}}

@keyframes erType{0%,4%{width:0}24%{width:13.5em}28%,100%{width:0}}
@keyframes erCaret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes erBubU{0%,26%{opacity:0;transform:translateY(8px) scale(.9)}30%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes erDots{0%,32%{opacity:0}35%,46%{opacity:1}48%,100%{opacity:0}}
@keyframes erBubA{0%,47%{opacity:0;transform:translateY(8px) scale(.9)}51%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes erSubBg{0%,52%{background:#FFFFFF}56%,92%{background:#FF5A1F}100%{background:#FFFFFF}}
@keyframes erSubTx{0%,52%{color:#FFFFFF}56%,92%{color:#FF5A1F}100%{color:#FFFFFF}}
@keyframes erFlash{0%,52%{box-shadow:0 0 0 0 rgba(255,90,31,0)}55%{box-shadow:0 0 0 3px rgba(255,90,31,.7)}70%,100%{box-shadow:0 0 0 0 rgba(255,90,31,0)}}

.er-z{position:relative}
.er-z>*:not(.er-bg){position:relative;z-index:1}
.er-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.er-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.38}
@keyframes erDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-24px) scale(1.08)}100%{transform:translate(0,0) scale(1)}}
@keyframes erFloat{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-14px) rotate(var(--r))}}
@keyframes erMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes erGlow{0%,100%{box-shadow:0 8px 24px rgba(194,24,122,.18),0 0 0 0 rgba(255,90,31,.0)}50%{box-shadow:0 10px 34px rgba(194,24,122,.32),0 0 0 6px rgba(255,90,31,.10)}}
@keyframes erRev{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){.er-rev{animation:erRev linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}
.er-float{position:absolute;animation:erFloat 6s ease-in-out infinite}
@media (max-width:1500px){.er-float{display:none}}
@media (prefers-reduced-motion: reduce){.er-blob,.er-float,.er-marq,.er-rev,.er-glow{animation:none !important}}

@keyframes erShrink{0%,25%{width:100%}55%,85%{width:24%}100%{width:100%}}
@keyframes erGap{0%,25%{flex-grow:1;opacity:1}50%,85%{flex-grow:0;opacity:0}100%{flex-grow:1;opacity:1}}
@keyframes erSteam{0%{transform:translateY(4px) scaleY(.8);opacity:0}40%{opacity:.7}100%{transform:translateY(-14px) scaleY(1.1);opacity:0}}
@keyframes erMicW{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes erVoice{0%,4%{opacity:0;transform:translateY(6px)}10%,42%{opacity:1;transform:none}48%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes erText{0%,48%{opacity:0;transform:translateY(6px)}54%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes erTypeW{0%,50%{width:0}72%,92%{width:100%}100%{width:100%}}
@property --er-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes erRing{to{--er-a:360deg}}
.er-ring{border:2px solid transparent;background:linear-gradient(#111214,#111214) padding-box,conic-gradient(from var(--er-a),#C2187A,#FF5A1F 18%,#2A2B30 32%,#2A2B30 68%,#C2187A) border-box;animation:erRing 4s linear infinite}
@media (prefers-reduced-motion: reduce){.er-ring{animation:none}}
html{-webkit-text-size-adjust:100%}
a,button{box-sizing:border-box}
@media (max-width: 980px){
[style*="gap: 36px; flex-wrap: wrap; font-size: 16px"]{display:none !important}
}
@media (max-width: 640px){
[style*="padding: 96px 24px"]{padding-top:60px !important;padding-bottom:60px !important;padding-left:18px !important;padding-right:18px !important}
[style*="padding: 112px 24px"]{padding:68px 18px !important;gap:32px !important}
#top{padding-top:44px !important;gap:18px !important}
header{padding:8px 10px 0 !important}
[style*="padding: 10px 10px 10px 18px"]{padding:7px 7px 7px 12px !important;border-radius:16px !important}
[style*="max-width: 1024px; padding: 6px"]{padding:4px !important;border-radius:20px !important}
[style*="padding: 8px 8px 8px 24px"]{font-size:15px !important;padding:5px 5px 5px 16px !important;gap:10px !important}
[style*="width: 36px; height: 36px; border-radius: 50%; background: #FFFFFF"]{width:30px !important;height:30px !important}
[style*="padding: 7px 16px 7px 7px"]{font-size:12px !important;text-align:left;padding-right:12px !important}
[style*="font-size: 20px; color: #5F6168; max-width: 640px"]{font-size:17px !important}
[style*="gap: 10px; flex-wrap: nowrap; justify-content: center; margin-top: 8px"]{width:100%}
[style*="gap: 10px; flex-wrap: nowrap; justify-content: center; margin-top: 8px"]>a{flex:1 1 0;justify-content:center;font-size:15px !important;padding:14px 12px !important;white-space:nowrap}
[style*="gap: 24px; flex-wrap: wrap; justify-content: center; font-size: 14px"]{gap:8px 16px !important;font-size:13px !important}
[style*="max-width: 1080px; margin-top: 32px"]{margin-top:12px !important;padding:10px !important;border-radius:18px !important}
[style*="flex-wrap: wrap; gap: 32px; justify-content: center; align-items: center"]{flex-wrap:nowrap !important;gap:8px !important}
[style*="flex-wrap: wrap; gap: 32px; justify-content: center; align-items: center"]>svg{width:22px;height:22px;flex:none}
[style*="width: 220px; height: 391px"]{width:136px !important;height:242px !important;border-radius:20px !important}
[style*="font-size: 21px; font-weight: 600; letter-spacing: -0.01em"]{font-size:17px !important}
[style*="border-radius: 20px; padding: 32px"],[style*="border-radius: 20px; padding: 28px"]{padding:22px !important}
[style*="font-size: 52px; letter-spacing: -0.04em"]{font-size:40px !important}
[style*="padding: 22px; display: flex; flex-direction: column; gap: 10px"]{padding:16px !important}
summary{font-size:16px !important}
footer>div{flex-direction:column;align-items:flex-start !important}
.er-marq span{font-size:13px !important;padding:8px 14px !important}
#top h1{font-size:min(38px, 8.6vw) !important;line-height:1.02 !important;letter-spacing:-0.035em !important}
h2{font-size:30px !important;line-height:1.08 !important;letter-spacing:-0.03em !important}
h3{font-size:19px !important}
[style*="flex-direction: column; gap: 18px; max-width"]{text-align:center;align-items:center;margin-left:auto;margin-right:auto}
[style*="flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 20px"]{text-align:center;align-items:center}
[style*="flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 20px"]>div{justify-content:center}
[style*="height: 240px; position: relative"]{height:190px !important}
[style*="flex-direction: column; gap: 14px; font-size: 16px"]{font-size:15px !important;gap:12px !important}
[style*="font-size: 20px; color: #5F6168; max-width: 640px"]{font-size:14px !important;line-height:1.45 !important}
[style*="font-size: 19px"]{font-size:16px !important}
}

#top>.er-bg{overflow:visible}

/* Keep the export demonstration within its card on small screens. */
.er-export-step{min-width:0;box-sizing:border-box}
@media (max-width:640px){
  .er-export-stage{height:auto !important;min-height:190px;box-sizing:border-box;padding:16px !important;gap:16px !important}
  .er-export-file{flex:0 1 auto !important;width:100%;min-width:0;box-sizing:border-box;flex-wrap:wrap;padding:16px !important;gap:12px !important}
  .er-export-file>span{margin-left:auto}
}