@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css");
.product-intro-copy{--text:#1a1a1a;--text-soft:#444;--blue:#0869e8;--bg-soft:#f7f7f7;--line:#ececec;--pad-x:clamp(16px,4vw,28px);font-family:"Pretendard Variable",Pretendard,sans-serif;font-size:1.0625rem;font-weight:450;line-height:1.75;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;color:var(--text);background:#fff}
.product-intro-copy h1{margin:0}.product-intro-copy iframe{border:0}
.product-intro-copy .video-wrap{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  background: #111;
}
.product-intro-copy .video-wrap iframe,.product-intro-copy .video-wrap img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-intro-copy .video-wrap .play{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  width: 100%;
  background: rgba(0,0,0,.28);
  color: #fff;
  font-size: 1.0625rem;
  font-weight: 700;
}
.product-intro-copy .product-hero{
  max-width: 1100px;
  margin: 28px auto;
  padding: clamp(28px, 4vw, 44px);
  background: #111;
  color: #fff;
  border-radius: 24px;
}
.product-intro-copy .product-hero .badge{
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff;
  color: #008cff;
  font-size: 0.875rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  margin-bottom: 16px;
}
.product-intro-copy .product-hero .name{
  font-size: clamp(2.75rem, 8vw, 5.5rem);
  line-height: 0.95;
  color: var(--blue);
  font-weight: 900;
  letter-spacing: -0.04em;
}
.product-intro-copy .product-hero .desc{
  margin-top: 16px;
  font-size: clamp(1.125rem, 1.5vw + 0.8rem, 1.375rem);
  font-weight: 400;
  line-height: 1.55;
}
.product-intro-copy .product-hero .desc strong{ font-weight: 800; }
.product-intro-copy .feature-icons{
  max-width: 1100px;
  margin: 0 auto 36px;
  padding: 0 var(--pad-x);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.product-intro-copy .feature-icons span{
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 11px 16px;
  font-size: 0.9375rem;
  font-weight: 650;
  color: var(--text);
}
.product-intro-copy .demo-row{
  max-width: 1100px;
  margin: 0 auto 48px;
  padding: 0 var(--pad-x);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: center;
}
.product-intro-copy .demo-row.reverse{ direction: rtl; }
.product-intro-copy .demo-row.reverse > *{ direction: ltr; }
.product-intro-copy .demo-copy{ text-align: center; }
.product-intro-copy .demo-copy .check{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 1.25rem;
  font-weight: 750;
}
.product-intro-copy .demo-copy .check i{
  width: 28px;
  height: 28px;
  border: 2px solid #e67e22;
  border-radius: 50%;
  color: #e67e22;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
}
.product-intro-copy .demo-copy > div:last-child{
  font-size: 1.0625rem !important;
  line-height: 1.7 !important;
  color: var(--text-soft);
}
.product-intro-copy .notice{
  max-width: 1100px;
  margin: 24px auto 72px;
  padding: 40px var(--pad-x) 0;
  border-top: 1px solid var(--line);
  text-align: center;
}
.product-intro-copy .notice .l{
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #999;
  margin-bottom: 14px;
}
.product-intro-copy .notice p{
  font-size: clamp(1.0625rem, 1vw + 0.85rem, 1.25rem);
  color: var(--text-soft);
  line-height: 1.75;
  margin: 0;
}
@media (max-width: 991px){.product-intro-copy .demo-row,.product-intro-copy .demo-row.reverse{
    grid-template-columns: 1fr;
    direction: ltr;
    margin-bottom: 40px;
  }
.product-intro-copy .product-hero{ margin: 16px var(--pad-x); }
}
@media (max-width: 991px){.product-intro-copy .product-hero{
    margin: 12px 12px 0;
    border-radius: 16px;
    overflow: hidden;
  }
.product-intro-copy .demo-row,.product-intro-copy .demo-row.reverse{
    margin: 0 0 16px;
    padding: 0 12px;
    gap: 12px;
  }
}

.product-intro-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:18px 16px 0;margin-bottom:24px}.product-intro-tabs a{padding:11px 20px;border-radius:999px;background:#f7f7f7;border:1px solid #ececec;font-size:15px;font-weight:700;color:#1a1a1a}.product-intro-tabs a.active{background:#111;color:#fff;border-color:#111}.product-intro-index{padding-bottom:64px}.product-intro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-intro-card{background:#111;color:#fff;padding:32px;border-radius:20px}.product-intro-card:hover{color:#fff;text-decoration:none}.product-intro-card h2{font-size:44px;color:#1685ff;margin-bottom:20px}.product-intro-card p{font-size:17px;line-height:1.7}.product-intro-card>span{display:block;margin-top:28px;font-size:15px}.product-intro-card:focus-visible{outline:3px solid #1685ff;outline-offset:4px}@media(max-width:768px){.product-intro-cards{grid-template-columns:1fr}}