:root{font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#171817;background:#f7f7f4;font-synthesis:none;text-rendering:optimizeLegibility;--page-bg: #f7f7f4;--surface: #ffffff;--surface-muted: #efefeb;--text: #171817;--text-subtle: #6a6c68;--line: #dadbd5;--line-dark: #2d2e2b;--dark: #171817;--radius-lg: 28px;--radius-md: 20px;--shadow-soft: 0 20px 60px rgba(22, 23, 20, .09)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page-bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg);color:var(--text)}body,button,a{-webkit-font-smoothing:antialiased}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid rgba(102,85,237,.36);outline-offset:4px}::selection{color:#fff;background:#6655ed}.container{width:min(100% - 40px,1200px);margin-inline:auto}.site-shell{min-height:100vh;overflow:hidden}.site-header{position:relative;z-index:20;border-bottom:1px solid rgba(23,24,23,.08);background:#f7f7f4e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header__inner{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:24px}.site-header__brand{display:inline-flex}.brand-mark{display:inline-flex;align-items:center}.brand-mark__logo{display:block;width:142px;height:auto}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:0 22px;cursor:pointer;font-size:14px;font-weight:700;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button--dark{color:#fff;background:var(--dark)}.button--dark:hover{background:#343632}.button--light{color:#171817;background:#fff}.button--light:hover{background:#f0f0ec}.hero{position:relative;border-bottom:1px solid rgba(23,24,23,.09)}.hero:before{position:absolute;inset:0;background:radial-gradient(circle at 82% 26%,rgba(233,85,153,.12),transparent 27%),radial-gradient(circle at 67% 76%,rgba(102,85,237,.12),transparent 30%);content:"";pointer-events:none}.hero__inner{position:relative;display:grid;min-height:680px;grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);align-items:center;gap:clamp(44px,8vw,120px);padding-block:50px 100px}.hero__content{max-width:680px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:8px;margin:0 0 22px;color:#6655ed;font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em}.hero__title{margin:0;font-size:clamp(45px,5.2vw,76px);font-weight:700;letter-spacing:-.06em;line-height:1.1}.hero__title span{background:linear-gradient(120deg,#6655ed 8%,#e95599 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__description{max-width:590px;margin:28px 0 0;color:var(--text-subtle);font-size:clamp(16px,1.5vw,19px);line-height:1.82;word-break:keep-all}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.hero__visual{display:flex;min-height:480px;align-items:center;justify-content:center}.hero__visual-image{display:block;width:min(100%,420px);height:auto;user-select:none}.samples-section{padding-block:112px}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,440px);align-items:end;gap:40px}.section-kicker{margin-bottom:16px}.section-heading h2,.cta-panel h2{margin:0;font-size:clamp(34px,4vw,52px);letter-spacing:-.055em;line-height:1.18}.section-heading>p{margin:0;color:var(--text-subtle);font-size:15px;line-height:1.78;word-break:keep-all}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:42px}.filter-chip{display:inline-flex;min-height:44px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:0 17px;color:#5d5f5a;background:transparent;cursor:pointer;font-size:13px;font-weight:700;transition:.18s ease}.filter-chip:hover{border-color:#b7b9b2;background:#fff}.filter-chip.is-active{border-color:var(--dark);color:#fff;background:var(--dark)}.filter-chip__count{min-width:20px;border-radius:999px;padding:2px 6px;color:inherit;background:#8080801f;font-family:Arial,sans-serif;font-size:10px;text-align:center}.filter-chip.is-active .filter-chip__count{background:#ffffff24}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 25px;margin-top:34px}.sample-card{min-width:0}.sample-card__media{--sample-accent: #6655ed;position:relative;display:block;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--radius-lg);background:#e7e7e1;box-shadow:0 0 0 1px #17181714}.sample-card__media:after{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.22),transparent 37%);content:"";pointer-events:none}.sample-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.22,1,.36,1)}.sample-card:hover .sample-card__media img{transform:scale(1.035)}.sample-card__badges{position:absolute;z-index:2;top:18px;left:18px;display:flex;gap:7px}.sample-card__category,.sample-card__new{display:inline-flex;min-height:29px;align-items:center;border:1px solid rgba(255,255,255,.36);border-radius:999px;padding:0 11px;color:#fff;background:#0f100f57;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;font-weight:700}.sample-card__new{border-color:transparent;background:var(--sample-accent);font-family:Arial,sans-serif;letter-spacing:.04em}.sample-card__launch{position:absolute;z-index:2;right:18px;bottom:18px;display:grid;width:46px;height:46px;place-items:center;border-radius:50%;color:#171817;background:#fff;box-shadow:0 10px 25px #0000001f;transition:transform .18s ease}.sample-card:hover .sample-card__launch{transform:translate(2px,-2px)}.sample-card__body{padding:23px 5px 0}.sample-card__english-title{margin:0 0 8px;color:var(--sample-accent, #6655ed);font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.13em}.sample-card h3{margin:0;font-size:21px;letter-spacing:-.035em}.sample-card__description{min-height:51px;margin:15px 0 0;color:var(--text-subtle);font-size:14px;line-height:1.75;word-break:keep-all}.sample-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0;list-style:none}.sample-card__tags li{border-radius:999px;padding:7px 10px;color:#696b66;background:#ecece7;font-size:11px;font-weight:600}.sample-card__link{display:inline-flex;align-items:center;gap:6px;margin-top:21px;padding-bottom:4px;border-bottom:1px solid #a9aaa4;font-size:13px;font-weight:700}.sample-card__link:hover{border-color:var(--text)}.sample-card__link.is-disabled{color:#999b95;cursor:default}.sample-card.is-coming-soon{opacity:.67}.guide-section{padding-block:0 110px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff61}.guide-card{min-height:250px;padding:30px}.guide-card+.guide-card{border-left:1px solid var(--line)}.guide-card__top{display:flex;align-items:center;justify-content:space-between;color:#777973}.guide-card__top span{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em}.guide-card h3{margin:72px 0 0;font-size:21px;letter-spacing:-.035em}.guide-card p{margin:12px 0 0;color:var(--text-subtle);font-size:14px;line-height:1.7;word-break:keep-all}.cta-section{padding-bottom:110px}.cta-panel{position:relative;display:grid;min-height:430px;grid-template-columns:1fr auto;align-items:end;gap:50px;overflow:hidden;border-radius:34px;padding:58px;color:#fff;background:radial-gradient(circle at 82% 15%,rgba(233,85,153,.58),transparent 27%),radial-gradient(circle at 23% 120%,rgba(102,85,237,.65),transparent 34%),#181a2b}.cta-panel:after{position:absolute;top:-170px;right:11%;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 64px #ffffff06,0 0 0 130px #ffffff05;content:""}.section-kicker--light{color:#ffffff91}.cta-panel h2{position:relative;z-index:1}.cta-panel p:not(.section-kicker){position:relative;z-index:1;max-width:580px;margin:22px 0 0;color:#ffffffa3;font-size:15px;line-height:1.8;word-break:keep-all}.cta-panel .button{position:relative;z-index:1;flex:0 0 auto}.site-footer{padding-block:42px 36px;border-top:1px solid var(--line)}.site-footer__top,.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer__bottom{margin-top:31px;padding-top:28px;border-top:1px solid var(--line)}.site-footer__bottom p{margin:0;color:#898b85;font-size:11px;line-height:1.7}@media(max-width:980px){.hero__inner{min-height:auto;grid-template-columns:1fr 330px;gap:40px}.hero__visual-image{width:min(100%,360px)}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{max-width:520px}.cta-panel{grid-template-columns:1fr;align-items:end}.cta-panel .button{width:fit-content}}@media(max-width:760px){.container{width:min(100% - 32px,1200px)}.site-header__inner{min-height:68px}.hero__inner{display:flex;flex-direction:column;align-items:stretch;padding-block:67px 72px}.hero__content{max-width:none}.hero__title{font-size:clamp(41px,12vw,58px);line-height:1.13}.hero__description{max-width:540px;margin-top:22px;font-size:16px}.hero__visual{min-height:410px;margin-top:24px}.hero__visual-image{width:min(100%,350px)}.samples-section{padding-block:84px}.section-heading h2,.cta-panel h2{font-size:36px}.filter-bar{flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto}.sample-grid{grid-template-columns:1fr;gap:46px}.sample-card__body{padding-inline:3px}.sample-card__description{min-height:auto}.guide-section{padding-bottom:84px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:210px}.guide-card+.guide-card{border-top:1px solid var(--line);border-left:0}.guide-card h3{margin-top:52px}.cta-section{padding-bottom:84px}.cta-panel{min-height:490px;padding:36px 28px}.cta-panel h2 br{display:none}.site-footer__top,.site-footer__bottom{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.brand-mark__logo{width:122px}.hero__actions{display:grid;grid-template-columns:1fr}.hero__actions .button{width:100%}.hero__visual{min-height:370px}.hero__visual-image{width:min(100%,300px)}.sample-card__media{border-radius:23px}.cta-panel{border-radius:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}