.hero,.feature-section,.custom-section { position:relative; isolation:isolate; }
.hero:before { display:none; }
.hero>.wrap,.feature-section>.wrap,.custom-section>.wrap { position:relative; z-index:1; }
.tinted { background:#fafcff; }
/* The screen is clear on arrival and dissolves only as it exits the top. */
.motion-ready .hero-window,.motion-ready .feature-demo { opacity:var(--screen-opacity,1); filter:blur(var(--screen-blur,0px)); transform:translate3d(0,var(--screen-y,0px),0) scale(var(--screen-scale,1)); transform-origin:50% 0; }
.motion-ready .reveal-item { transition:opacity .75s ease,translate .75s cubic-bezier(.2,.7,.2,1); }
.motion-ready .reveal-item:not(.is-visible) { opacity:0; translate:0 24px; }
.motion-ready .feature-copy.is-visible>* { animation:content-in .7s both; }
.motion-ready .feature-copy.is-visible>h2 { animation-delay:.1s; }
.motion-ready .feature-copy.is-visible>p:last-child { animation-delay:.22s; }
.motion-ready .custom-choices article:nth-child(2),.motion-ready .plan:nth-child(2) { transition-delay:.12s; }
.motion-ready .plan:nth-child(3) { transition-delay:.24s; }
.motion-ready .plan:nth-child(4) { transition-delay:.36s; }
@keyframes content-in { from { opacity:0; transform:translateY(17px); filter:blur(3px); } to { opacity:1; transform:translateY(0); filter:blur(0); } }
.motion-ready .hero-intro>* { animation:content-in .8s both; }
.motion-ready .hero-intro h1 { animation-delay:.1s; }
.motion-ready .hero-description { animation-delay:.22s; }
.motion-ready .hero-action { animation-delay:.34s; }
.motion-ready .hero-window tbody tr { animation:row-arrive .8s both; }
.motion-ready .hero-window tbody tr:nth-child(2) { animation-delay:.18s; }
@keyframes row-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }

.auto-demo tbody tr { transition:background .45s ease; }
.auto-demo td { transition:box-shadow .45s ease; }
.auto-demo[data-demo-step="0"] tbody tr:first-child,.auto-demo[data-demo-step="1"] tbody tr:first-child,.auto-demo[data-demo-step="2"] tbody tr:nth-child(2) { background:#f0f5ff; }
.auto-demo[data-demo-step="1"] tbody tr:first-child td:first-child,.auto-demo[data-demo-step="2"] tbody tr:nth-child(2) td:first-child { box-shadow:inset 3px 0 var(--blue); }
.motion-ready .auto-demo[data-demo-step="0"] tbody tr { animation:row-arrive .7s both; }
.motion-ready .auto-demo[data-demo-step="0"] tbody tr:nth-child(2) { animation-delay:.12s; }
.auto-demo .status { transition:color .35s,background .35s; }
.auto-demo .status.is-processing { color:#2f64ff; background:#e8efff; }
.auto-demo .status.is-complete { color:#168863; background:#eaf8f1; }
.auto-demo .status.is-waiting { color:#8a98af; background:#f1f4f8; }
.demo-sequence { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:7px; margin-top:22px; padding-top:18px; border-top:1px solid #edf1f7; }
.demo-sequence span { padding:5px 9px; border-radius:6px; font-size:11px; color:#8997ad; background:#f5f7fb; transition:background .4s,color .4s,transform .4s; }
.demo-sequence i { font-style:normal; color:#c0ccdd; font-size:12px; }
.demo-sequence .is-active { background:#eaf1ff; color:var(--blue); transform:translateY(-2px); }
.demo-sequence .is-done { color:#198967; background:#eff8f4; }
.demo-playback { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:12px; color:#7f90a9; font-size:10px; min-height:18px; }
.demo-live-dot { width:5px; height:5px; background:#6b92ff; border-radius:50%; animation:live-breathe 1.6s ease-in-out infinite alternate; }
@keyframes live-breathe { from { opacity:.35; } to { opacity:1; } }
.auto-demo[data-demo-step="3"] .example-button { background:#178a65; }
.auto-demo[data-demo-step="3"] .example-button>span { display:inline-block; animation:ready-arrow .8s ease-in-out infinite alternate; }
@keyframes ready-arrow { to { transform:translateX(4px); } }

.services-section { position:relative; padding:62px 0 68px; background:white; border-block:1px solid #edf1f7; }
.services-heading { text-align:center; }
.services-heading>p { color:#8290a5; font-size:13px; }
.services-heading h2 { margin-top:10px; font-size:25px; font-weight:500; letter-spacing:-.4px; }
.services-marquee { margin-top:32px; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.services-track { display:flex; width:max-content; animation:services-flow 30s linear infinite; }
.services-group { display:flex; align-items:center; gap:40px; padding-right:40px; flex-shrink:0; }
.service-brand { display:inline-flex; justify-content:center; align-items:center; gap:10px; flex:0 0 220px; height:72px; white-space:nowrap; }
.service-naver { color:#33483d; font-size:17px; font-weight:550; }
.service-naver>b { display:grid; place-items:center; color:#03c75a; font-size:37px; font-weight:900; line-height:1; }
.service-naver small { display:block; font-size:13px; font-weight:500; color:#567963; line-height:1.3; }
.service-coupang img { width:148px; height:40px; object-fit:contain; }
.service-toss { color:#3168ee; font-size:36px; font-weight:750; letter-spacing:-1.3px; }
.service-payple { color:#36344c; font-size:31px; font-weight:650; letter-spacing:-1px; }
.service-payple>b { display:inline-block; width:11px; height:11px; background:#8064da; border-radius:50%; }
@keyframes services-flow { to { transform:translateX(-50%); } }
.services-marquee:hover .services-track { animation-play-state:paused; }
body:not(.motion-ready) .services-track { animation:none; }
body:not(.motion-ready) .services-track { width:100%; }
body:not(.motion-ready) .services-group { display:flex; justify-content:space-around; flex-wrap:wrap; width:100%; padding:0; gap:12px; }
body:not(.motion-ready) .services-group[aria-hidden="true"],body:not(.motion-ready) .demo-playback { display:none; }
.motion-toggle { position:fixed; right:22px; bottom:20px; z-index:25; display:none; align-items:center; justify-content:center; gap:6px; border:1px solid #dce5f3; border-radius:30px; background:#fffffff2; color:#667997; box-shadow:0 4px 20px #20345409; padding:9px 14px; font-size:11px; min-height:40px; }
.motion-ready .motion-toggle { display:flex; }
body[data-view="pricing"] .motion-toggle { display:none; }
.motion-paused .services-track,.motion-paused .demo-live-dot,.motion-paused .example-button>span { animation-play-state:paused!important; }
.motion-paused .reveal-item { opacity:1!important; translate:none!important; }
.motion-paused .hero-intro>*,.motion-paused .hero-window tbody tr,.motion-paused .feature-copy>*,.motion-paused .auto-demo tbody tr { animation:none!important; opacity:1; transform:none; }
.motion-paused .hero-window,.motion-paused .feature-demo { filter:none!important; opacity:1!important; transform:none!important; }

@media(min-width:1700px) { .hero-ambient .ambient-1 { left:13%; } .hero-ambient .ambient-2 { right:13%; } }
@media(max-width:1100px) {
}
@media(max-width:600px) {
  .demo-sequence { gap:5px; margin-top:18px; padding-top:15px; }
  .demo-sequence span { font-size:10px; padding:5px 7px; }
  .services-section { padding:42px 0 46px; }
  .services-heading h2 { font-size:22px; }
  .services-group { gap:18px; padding-right:18px; }
  .service-brand { flex-basis:165px; height:58px; }
  .service-coupang img { width:126px; }
  .service-toss { font-size:30px; }
  .service-payple { font-size:27px; }
  .motion-toggle { right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); padding:7px 11px; font-size:10px; min-height:36px; }
}
@media(prefers-reduced-motion:reduce) {
  html:not([data-motion-opt-in]) .services-track,html:not([data-motion-opt-in]) .demo-live-dot,html:not([data-motion-opt-in]) .example-button>span,html:not([data-motion-opt-in]) .motion-ready .hero-intro>*,html:not([data-motion-opt-in]) .motion-ready .hero-window tbody tr,html:not([data-motion-opt-in]) .motion-ready .feature-copy.is-visible>*,html:not([data-motion-opt-in]) .motion-ready .auto-demo tbody tr { animation:none!important; }
  html:not([data-motion-opt-in]) .motion-ready .reveal-item { opacity:1!important; translate:none!important; transition:none!important; }
  html:not([data-motion-opt-in]) .motion-ready .hero-window,html:not([data-motion-opt-in]) .motion-ready .feature-demo { filter:none!important; opacity:1!important; transform:none!important; }
  html:not([data-motion-opt-in]) .services-marquee { overflow:visible; mask-image:none; }
  html:not([data-motion-opt-in]) .services-track { width:100%; }
  html:not([data-motion-opt-in]) .services-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; padding:0; }
  html:not([data-motion-opt-in]) .services-group[aria-hidden="true"] { display:none; }
  html:not([data-motion-opt-in]) .service-brand { min-width:0; }


}