:root{--ink:#1e1e22;--body:#3e3d48;--soft:#736f84;--faint:#9a97ac;--line:#e2e2eb;--blue:#088fd7;--bg:#fff;--surface:#f8f8fc;--dark:#0c0c12}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--body);letter-spacing:-.36px;word-break:keep-all;-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,sans-serif;font-size:18px;line-height:1.8}.col{max-width:680px;margin:0 auto;padding:0 24px}a{color:var(--blue);text-decoration:none}a:hover{text-underline-offset:4px;text-decoration:underline}header.site{padding:26px 0}header.site .bar{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.logo img{width:auto;height:20px;display:block}.logo:hover{opacity:.7}nav a{color:var(--soft);font-size:15px;font-weight:600}nav a:hover{color:var(--blue)}nav a.on{color:var(--ink)}.hero{padding:104px 0 56px}.hero.sub{padding:88px 0 16px}.hero .crumb{color:var(--faint);margin-bottom:20px;font-size:15px;font-weight:600}.hero .crumb a{color:var(--faint)}.hero .crumb a:hover{color:var(--blue)}.hero h1{letter-spacing:-1.4px;color:var(--ink);font-size:46px;font-weight:700;line-height:1.35}.hero.sub h1{letter-spacing:-1.2px;font-size:38px}.hero h1 b{color:var(--blue);font-weight:700}.hero p{color:var(--body);margin-top:28px;font-size:19px}.hero-visual{aspect-ratio:25/8;background:var(--dark);position:relative;overflow:hidden}.hv-slides{position:absolute;inset:0}.hv-slide{opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.hv-slide.on{opacity:1}.hv-slide picture{width:100%;height:100%;display:block}.hv-slide img{object-fit:cover;width:100%;height:100%;display:block}.hv-scrim{z-index:1;background:linear-gradient(#0c0c126b,#0c0c1229 30%,#0c0c1233 55%,#0c0c12a8);position:absolute;inset:0}.hv-copy{z-index:3;text-align:center;pointer-events:none;justify-content:center;align-items:flex-end;padding:0 24px 104px;display:flex;position:absolute;inset:0}.hv-copy h1{letter-spacing:-1.2px;color:#f5f5f8;text-shadow:0 2px 24px #0c0c1266;font-size:38px;font-weight:700;line-height:1.5}.mbr{display:none}@media (width<=640px){.mbr{display:inline}}.hv-note{z-index:2;height:80px;position:absolute;bottom:0;left:0;right:0}.hv-note-item{text-align:center;opacity:0;letter-spacing:-.25px;font-size:13px;line-height:1.6;transition:opacity .4s;position:absolute;bottom:24px;left:24px;right:24px}.hv-note-item.on{opacity:1;transition-delay:.55s}.hv-note-item .nm{color:#ffffffd9;font-weight:600}.hv-note-item .ln{color:#ffffffa8;margin-left:4px;font-weight:400}.hv-note-item .og{color:#ffffff7a;margin-top:1px;font-size:12px;font-weight:500;display:block}.hv-nav{z-index:4;cursor:pointer;color:#ffffff80;background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:56px;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hv-nav:hover{color:#fffffff2}.hv-nav.prev{left:10px}.hv-nav.next{right:10px}section{padding:96px 0}.band{background:var(--surface)}.eyebrow{letter-spacing:-.2px;color:var(--faint);margin-bottom:14px;font-size:15px;font-weight:600}h2{letter-spacing:-.7px;color:var(--ink);margin-bottom:24px;font-size:24px;font-weight:700;line-height:1.5}h3{letter-spacing:-.5px;color:var(--ink);margin:40px 0 14px;font-size:19px;font-weight:700;line-height:1.5}h2+h3{margin-top:0}p+p{margin-top:20px}p b,li b{color:var(--ink);font-weight:700}.muted{color:var(--faint);font-size:15px}.dark-band{background:var(--dark);text-align:center;padding:132px 0}.dark-band .small{letter-spacing:-.3px;color:#8b8b9a;margin-bottom:20px;font-size:17px;font-weight:600}.dark-band .big{letter-spacing:-1.3px;color:#f5f5f8;font-size:44px;font-weight:700;line-height:1.4}.dark-band .big b{color:var(--blue)}ul.doc{flex-direction:column;gap:10px;list-style:none;display:flex}ul.doc li{padding-left:24px;position:relative}ul.doc li:before{content:"·";color:var(--faint);font-weight:800;position:absolute;left:6px}p+ul.doc,ul.doc+p{margin-top:20px}.product{padding:96px 0}.product .head{align-items:center;gap:20px;margin-bottom:26px;display:flex}.product .head img{border-radius:16px;width:68px;height:68px;box-shadow:0 4px 14px #1414281f}.product .head .nm{letter-spacing:-.5px;color:var(--ink);font-size:21px;font-weight:700}.product .head .st{letter-spacing:-.2px;color:var(--faint);margin-top:3px;font-size:14px;font-weight:500}.product h2{letter-spacing:-.9px;margin-bottom:20px;font-size:28px}.product .stores{gap:24px;margin-top:26px;font-size:16px;font-weight:600;display:flex}.product .stores .sep{color:var(--line)}.product .foot{color:var(--faint);letter-spacing:-.2px;margin-top:18px;font-size:13px;font-weight:500}.shots{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;max-width:920px;margin:36px auto 0;padding:0 24px;display:flex;overflow-x:auto}.shots::-webkit-scrollbar{display:none}.shots .shot{aspect-ratio:9/19;scroll-snap-align:start;border:1px solid var(--line);background:var(--surface);border-radius:18px;flex:0 0 216px;overflow:hidden;box-shadow:0 4px 14px #14142814}.shots .shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.charstrip{max-width:1080px}.charstrip .shot{aspect-ratio:3/4;border-radius:20px;flex:0 0 264px}.charstrip .shot img{object-position:center}@media (width<=640px){.shots{gap:10px;margin-top:28px}.shots .shot{border-radius:14px;flex:0 0 168px}.charstrip .shot{flex:0 0 200px}}blockquote{border-left:3px solid var(--ink);margin-top:32px;padding-left:22px}blockquote+blockquote{margin-top:24px}blockquote p{color:var(--body);font-size:18px}blockquote cite{color:var(--faint);margin-top:8px;font-size:14px;font-style:normal;font-weight:500;display:block}.probs{flex-direction:column;display:flex}.probs .prob{border-top:1px solid var(--line);padding:26px 0}.probs .prob:last-child{border-bottom:1px solid var(--line)}.probs .prob .q{letter-spacing:-.5px;color:var(--ink);font-size:19px;font-weight:700;line-height:1.55}.probs .prob .q b{color:var(--blue)}.probs .prob .a{color:var(--soft);margin-top:8px;font-size:16px}.roles{flex-direction:column;margin:28px 0 32px;display:flex}.role{border-top:1px solid var(--line);color:inherit;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;display:flex}.role:last-child{border-bottom:1px solid var(--line)}.role .t{letter-spacing:-.5px;color:var(--ink);font-size:19px;font-weight:700}.role .t .lv{color:var(--faint);margin-left:10px;font-size:13px;font-weight:600}.role .d{color:var(--faint);text-align:right;font-size:15px;font-weight:500}a.role:hover{text-decoration:none}a.role:hover .t{color:var(--blue)}.apply{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-top:48px;padding:30px 34px}.band .apply{background:#fff}.apply .t{color:var(--ink);margin-bottom:8px;font-size:19px;font-weight:700}.apply p{font-size:16px}footer.site{padding:80px 0 96px}footer.site .col{flex-direction:column;gap:10px;display:flex}footer.site .brand img{width:auto;height:18px;display:block}footer.site p{color:var(--faint);letter-spacing:-.2px;font-size:15px}footer.site a{color:var(--soft)}html.js .fiu-hero{opacity:0;transition:opacity .52s cubic-bezier(.22,.61,.36,1) var(--d,0s), transform .52s cubic-bezier(.22,.61,.36,1) var(--d,0s);transform:translateY(14px)}html.js .fiu{opacity:0;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(6px)}html.js .fiu.on,html.js .fiu-hero.on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html.js .fiu,html.js .fiu-hero{opacity:1;transition:none;transform:none}}@media (width<=640px){body{font-size:17px}.hero{padding:72px 0 40px}.hero.sub{padding:56px 0 12px}.hero h1{letter-spacing:-1px;font-size:34px}.hero.sub h1{font-size:29px}section,.product{padding:64px 0}.product h2{font-size:24px}.dark-band{padding:96px 0}.dark-band .big{letter-spacing:-.9px;font-size:31px}header.site .bar{padding:0 20px}.hero-visual{aspect-ratio:auto;height:70vh;min-height:480px}.hv-copy{padding-bottom:104px}.hv-copy h1{letter-spacing:-.7px;font-size:24px;line-height:1.6}.hv-note-item{font-size:12px;bottom:20px;left:20px;right:20px}.hv-note-item .og{font-size:11px}.hv-nav{width:40px;height:48px}.hv-nav.prev{left:2px}.hv-nav.next{right:2px}.role{flex-direction:column;gap:4px}.role .d{text-align:left}.apply{padding:24px}}
