:root{--ink:#211c18;--ink-2:#57504a;--gray:#6f6862;--gray-2:#7d756e;--line:#f2ede7;--line-2:#e9e3dc;--bg:#ffffff;--bg-2:#f7f5f2;--bg-3:#f0ece7;--orange:#fb5a1a;--orange-2:#dd4a10;--orange-soft:#ffede4;--orange-line:#f9cdb4;--cyan:#00b8b8;--cyan-soft:#e0f7f6;--cyan-line:#b2e8e6;--navy:#131010;--navy-2:#1d1917;--pad:clamp(20px,5vw,80px);--wrap:1120px;--nav-h:64px;--dock-h:72px;--font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--r-sm:12px;--r:20px;--r-lg:28px;--r-xl:36px;--sh-1:0 1px 4px rgba(33,28,24,.05),0 3px 12px rgba(33,28,24,.05);--sh-2:0 2px 6px rgba(33,28,24,.05),0 6px 20px rgba(33,28,24,.08);--sh-3:0 6px 24px rgba(33,28,24,.08),0 24px 64px rgba(33,28,24,.12);--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.4,.5,1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{background:var(--bg)}body{margin:0;padding-bottom:var(--dock-h);color:var(--ink);font-family:var(--font);font-size:16px;font-weight:450;line-height:1.7;letter-spacing:-.017em;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none;cursor:pointer;padding:0}canvas,img,svg{display:block;max-width:100%}dd,dl,figure,h1,h2,h3,h4,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}:focus-visible{outline:3px solid rgba(251,90,26,.45);outline-offset:3px;border-radius:6px}.kr{word-break:keep-all;overflow-wrap:break-word}.sec{padding:clamp(120px,17vw,260px) var(--pad)}.sec--tight{padding-block:clamp(90px,12vw,170px)}.sec--full{min-height:100svh;display:grid;align-content:center}.wrap{width:min(var(--wrap),100%);margin-inline:auto}.wrap--narrow{width:min(880px,100%);margin-inline:auto}.center{text-align:center}.tone-gray{background:var(--bg-2)}.tone-gray3{background:var(--bg-3)}.tone-orange{background:var(--orange);color:#fff}.tone-orange-soft{background:var(--orange-soft)}.tone-cyan-soft{background:var(--cyan-soft)}.tone-dark,.tone-ink{background:var(--navy);color:#fff}.tone-ink .h1,.tone-ink .h2,.tone-ink .hero__title{color:#fff}.tone-ink .hero__lead{color:rgba(255,255,255,.62)}.tone-ink .lead{color:rgba(255,255,255,.68)}.tone-ink .lead b{color:#fff}.tone-ink .chip{background:#201b18;border-color:#2c2622;color:rgba(255,255,255,.82)}.tone-ink .btn--ghost{background:#201b18;color:#fff;border:1px solid #2c2622}.tone-ink .mini{box-shadow:0 24px 70px rgba(0,0,0,.5)}::selection{background:var(--orange);color:#fff}.tone-dark .eyebrow,.tone-dark .muted,.tone-orange .eyebrow,.tone-orange .muted{color:rgba(255,255,255,.72)}.tone-dark .eyebrow:before,.tone-orange .eyebrow:before{background:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--orange)}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}.eyebrow--plain:before{display:none}.h1{font-size:clamp(34px,5.8vw,72px);line-height:1.14;letter-spacing:-.055em}.h1,.h2{font-weight:800}.h2{font-size:clamp(27px,4.2vw,54px);line-height:1.2;letter-spacing:-.052em}.h3{font-size:clamp(19px,1.9vw,25px);font-weight:750;line-height:1.44;letter-spacing:-.032em}.lead{margin-top:20px;font-size:clamp(16px,1.35vw,19px);line-height:1.82;color:var(--gray);letter-spacing:-.018em}.lead b,.lead strong{color:var(--ink);font-weight:700}.tone-dark .lead,.tone-orange .lead{color:rgba(255,255,255,.78)}.tone-dark .lead b,.tone-orange .lead b{color:#fff}.muted{color:var(--gray)}.o{color:var(--orange)}.c{color:var(--cyan)}.small{font-size:14px;line-height:1.7}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.06em}.head{max-width:22ch}.head--center{max-width:24ch}.head--center,.lead--center{margin-inline:auto;text-align:center}.lead--center{max-width:46ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 28px;border-radius:999px;background:var(--ink);color:#fff;font-size:16px;font-weight:700;letter-spacing:-.02em;transition:transform .28s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease)}@media (hover:hover){.btn:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}}.btn--o{background:var(--orange);box-shadow:0 6px 20px rgba(251,90,26,.3)}@media (hover:hover){.btn--o:hover{background:var(--orange-2);box-shadow:0 10px 28px rgba(251,90,26,.38)}}.btn--ghost{background:var(--bg-3);color:var(--ink)}@media (hover:hover){.btn--ghost:hover{background:var(--line-2)}}.btn--dim{background:rgba(255,255,255,.14);color:#fff}@media (hover:hover){.btn--dim:hover{background:rgba(255,255,255,.2)}}.btn--light{background:#fff;color:var(--ink)}.btn--outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.btn--white{background:#fff;color:var(--ink)}@media (hover:hover){.btn--white:hover{background:#fff}}.btn--sm{height:44px;padding:0 20px;font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.actions--center{justify-content:center}.tlink{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:var(--orange);letter-spacing:-.02em}.tlink i{font-style:normal;transition:transform .3s var(--ease)}@media (hover:hover){.tlink:hover i{transform:translateX(4px)}}.card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:clamp(24px,3vw,38px)}.card--flat{box-shadow:none;border:1px solid var(--line)}.card--lift{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}@media (hover:hover){.card--lift:hover{transform:translateY(-6px);box-shadow:var(--sh-2)}}.grid{display:grid;gap:clamp(16px,2vw,24px)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,84px);align-items:center}.split--copyfirst>:first-child{order:0}@media (max-width:900px){.grid-2,.grid-3,.split{grid-template-columns:minmax(0,1fr)}}[data-r]{opacity:0;transform:translate3d(0,30px,0) scale(.988);filter:blur(14px);transition:opacity .72s var(--ease),transform 1.05s var(--ease),filter .62s var(--ease);transition-delay:var(--d,0s);will-change:transform,opacity,filter}[data-r].on{opacity:1;transform:none;filter:blur(0);will-change:auto}[data-r=scale]{transform:translate3d(0,22px,0) scale(.955);filter:blur(18px)}[data-r=fade]{transform:none;filter:blur(9px)}main>:first-child[data-r]:not(.on),main>div:first-child>section:first-of-type [data-r]:not(.on),main>section:first-of-type [data-r]:not(.on){animation:rIn 1.05s var(--ease) var(--d,0s) both}@keyframes rIn{to{opacity:1;transform:none;filter:blur(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}[data-r]{opacity:1!important;transform:none!important}}@keyframes floaty{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-9px) rotate(.4deg)}}@keyframes floaty2{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-13px) rotate(-.5deg)}}@keyframes floaty3{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-a{animation:floaty 7s var(--ease) infinite}.float-b{animation:floaty2 9s var(--ease) infinite;animation-delay:-3s}.float-c{animation:floaty3 6s var(--ease) infinite;animation-delay:-1.6s}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4%,6%) scale(1.12)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5%,-4%) scale(1.08)}}.wash--drift1{animation:drift1 22s ease-in-out infinite}.wash--drift2{animation:drift2 26s ease-in-out infinite}@keyframes ping{0%{transform:scale(1);opacity:.8}80%,to{transform:scale(2.4);opacity:0}}.ping{position:relative}.ping:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--orange);animation:ping 2.2s cubic-bezier(0,0,.2,1) infinite}@keyframes shimmer{to{background-position:-200% 0}}.sbar>i{background-image:linear-gradient(105deg,var(--orange) 40%,#ff9d70 50%,var(--orange) 60%);background-size:200% 100%;animation:shimmer 2.6s linear infinite}@keyframes softpulse{0%,to{box-shadow:0 1px 4px rgba(33,28,24,.05),0 3px 12px rgba(33,28,24,.05)}50%{box-shadow:0 2px 8px rgba(251,90,26,.12),0 8px 28px rgba(251,90,26,.16)}}.pulse-card{animation:softpulse 5s ease-in-out infinite}@keyframes twinkle{0%,to{transform:scale(1) rotate(0deg);opacity:1}50%{transform:scale(.72) rotate(18deg);opacity:.65}}@keyframes twinkle2{0%,to{transform:scale(.6);opacity:.5}50%{transform:scale(1);opacity:1}}@keyframes typebounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.typing{display:inline-flex;gap:4px;align-items:center;padding:12px 15px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--gray-2);animation:typebounce 1.2s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.float-a,.float-b,.float-c,.ping:after,.pulse-card,.sbar>i,.wash--drift1,.wash--drift2{animation:none!important}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.gate,.sec,.tick,.veil{animation:sceneIn linear both,sceneOut linear both;animation-timeline:view(),view();animation-range:entry 0 entry 62%,exit 84% exit 100%}.dev,.showcase{animation:productIn linear both;animation-timeline:view();animation-range:entry 6% cover 42%}}}@keyframes sceneIn{0%{opacity:0;transform:translate3d(0,42px,0) scale(.985);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes sceneOut{0%{opacity:1;transform:none;filter:blur(0)}to{opacity:.34;transform:translate3d(0,-26px,0) scale(.988);filter:blur(5px)}}@keyframes productIn{0%{transform:translate3d(0,66px,0) scale(.945);filter:blur(8px) saturate(.86)}to{transform:none;filter:blur(0) saturate(1)}}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.62s}::view-transition-old(root){animation:vtOut .42s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){animation:vtIn .62s cubic-bezier(.16,1,.3,1) both}@keyframes vtOut{to{opacity:0;transform:scale(1.012);filter:blur(6px)}}@keyframes vtIn{0%{opacity:0;transform:scale(.988) translateY(12px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}@media (prefers-reduced-motion:reduce){::view-transition-new(root),::view-transition-old(root){animation:none}}.fxdefs{position:absolute;width:0;height:0;overflow:hidden}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.gate,.tick,.tone-dark,.tone-ink,.tone-orange,.veil{animation-name:sceneInSolid,sceneOutSolid}}}@keyframes sceneInSolid{0%{filter:brightness(.82)}to{filter:brightness(1)}}@keyframes sceneOutSolid{0%{filter:brightness(1)}to{filter:brightness(.72)}}.u-mt-1{margin-top:8px}.u-mt-2{margin-top:12px}.u-mt-3{margin-top:16px}.u-mt-4{margin-top:20px}.u-mt-5{margin-top:26px}.u-mt-6{margin-top:34px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.grid-2>*,.grid-3>*,.plist>*,.stats>*{animation:pvRise linear both;animation-timeline:view()}.grid-2>:first-child,.grid-3>:first-child,.plist>:nth-child(odd),.stats>:first-child{animation-range:entry 0 cover 32%}.grid-2>:nth-child(2),.grid-3>:nth-child(2),.plist>:nth-child(2n),.stats>:nth-child(2){animation-range:entry 6% cover 40%}.grid-3>:nth-child(3),.stats>:nth-child(3){animation-range:entry 12% cover 48%}.split>:last-child{animation:pvRiseSoft linear both;animation-timeline:view();animation-range:entry 0 cover 52%}}}@keyframes pvRise{0%{opacity:0;transform:translateY(54px)}to{opacity:1;transform:none}}@keyframes pvRiseSoft{0%{transform:translateY(64px)}to{transform:none}}:root{--ctl-sm:36px;--ctl-md:44px;--ctl-lg:52px;--ring:rgba(0,249,248,.55);--ring-dark:rgba(251,90,26,.6);--muted-fg:#8c847c}:where(a,button,[role=button],input,textarea,select,summary):focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-radius:inherit}.gate :where(a,button):focus-visible,.spacepin :where(a,button):focus-visible,.tone-dark :where(a,button,[role=button]):focus-visible,.tone-ink :where(a,button,[role=button]):focus-visible{box-shadow:0 0 0 3px var(--ring-dark)}:where(.btn,.err__yes,.gate__adult,.pjfilter button,.track,.agate,.pj__card,.maker){transition-property:transform,background-color,border-color,color,box-shadow,opacity;transition-duration:.3s;transition-timing-function:var(--ease)}:where(.btn,.err__yes,.gate__adult,.pjfilter button):disabled,:where(.btn,.err__yes,.gate__adult,.pjfilter button)[aria-disabled=true]{opacity:.5;pointer-events:none}.btn--sm{height:var(--ctl-sm);padding:0 16px;font-size:14px}.btn--lg{height:var(--ctl-lg);padding:0 30px;font-size:17px}.muted{color:var(--muted-fg)}