:root{--bg-top:#3f7139;--bg-mid:#1e4128;--bg-bottom:#07100b;--surface:#0a180fc2;--surface-strong:#08140df0;--surface-soft:#deffc212;--line:#e1ffc729;--line-strong:#beff7e7a;--green:#b9ff72;--green-soft:#dfffbc;--text:#f7fff2;--muted:#c7d7c1;--muted-dark:#90a38d;--max-width:1120px;--header-height:76px;--radius:18px;--shadow:0 22px 60px #00000038}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(132deg, #c2ff8426 0%, transparent 42%), linear-gradient(145deg, var(--bg-top) 0%, var(--bg-mid) 32%, #102619 58%, var(--bg-bottom) 100%);text-rendering:optimizelegibility;margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;display:block}.skip-link{z-index:10000;color:#0a160d;background:var(--green);opacity:0;pointer-events:none;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:800;position:fixed;top:10px;left:10px}.skip-link:focus{opacity:1;pointer-events:auto}html.intro-active,html.intro-active body{overflow:hidden}.intro-active .site-header,.intro-active main,.intro-active .site-footer{opacity:0;transform:translateY(14px)}.intro-complete .site-header,.intro-complete main,.intro-complete .site-footer{animation:.68s cubic-bezier(.16,1,.3,1) both page-after-intro}.site-header{z-index:100;width:min(calc(100% - 48px), var(--max-width));min-height:var(--header-height);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:28px;margin:0 auto;transition:background-color .18s,border-color .18s,opacity .3s,transform .3s;display:flex;position:sticky;top:0}.brand{align-items:center;min-width:max-content;display:inline-flex}.brand__text{line-height:1.1;display:grid}.brand__text strong{letter-spacing:-.035em;font-size:17px;font-weight:850}.brand__text small{color:var(--muted-dark);letter-spacing:.2em;margin-top:5px;font-size:8px;font-weight:800}.top-nav{align-items:center;gap:6px;display:flex}.top-nav a{color:var(--muted);letter-spacing:-.02em;white-space:nowrap;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;transition:color .18s,background-color .18s}.top-nav a:hover,.top-nav a:focus-visible,.top-nav a.is-active{color:var(--text);background:#daffb71a;outline:none}.site-header.is-scrolled .brand__text,.site-header.is-scrolled .top-nav a{-webkit-text-stroke:.45px #010804e6;paint-order:stroke fill;text-shadow:0 1px 2px #000000f2,0 3px 10px #000000b8}.site-header.is-scrolled .brand__text strong,.site-header.is-scrolled .top-nav a{color:#f5f8f3}main{display:block}.hero{width:min(calc(100% - 48px), var(--max-width));align-items:center;min-height:560px;margin:0 auto;padding:96px 0 104px;display:flex}.hero__copy{width:min(100%,790px)}.eyebrow{color:var(--green);letter-spacing:.18em;align-items:center;gap:10px;margin:0 0 20px;font-size:10px;font-weight:850;display:flex}.eyebrow span{background:currentColor;width:26px;height:1px}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(58px,8vw,94px);font-weight:900;line-height:.98}.hero h1 span{color:var(--green-soft);margin-top:12px;display:block}.hero__description{color:#dbe6d7;letter-spacing:-.025em;word-break:keep-all;max-width:580px;margin:28px 0 0;font-size:clamp(16px,1.7vw,19px);font-weight:500}.hero__actions{align-items:center;margin-top:36px;display:flex}.primary-button{color:#0d1b10;background:var(--green);border:1px solid #e8ffd5ad;border-radius:12px;justify-content:center;align-items:center;gap:14px;min-height:50px;padding:0 20px;font-size:14px;font-weight:850;transition:transform .18s,background-color .18s;display:inline-flex;box-shadow:0 12px 32px #83e0462b}.primary-button:hover,.primary-button:focus-visible{background:#ccff98;outline:none;transform:translateY(-2px)}.primary-button svg{width:19px;height:19px}.guide{width:min(calc(100% - 48px), var(--max-width));border-top:1px solid var(--line);margin:0 auto;padding:96px 0 128px}.section-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:36px;display:flex}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,58px);font-weight:880;line-height:1.05}.section-heading>p{max-width:410px;color:var(--muted);letter-spacing:-.02em;text-align:right;word-break:keep-all;margin:0 0 5px;font-size:14px}.guide-tabs{white-space:nowrap;justify-content:center;align-items:center;gap:clamp(12px,2.2vw,28px);min-height:74px;display:flex}.guide-tabs__divider{color:#e0ffc74d;font-size:clamp(18px,2.3vw,27px);font-weight:300;line-height:1}.guide-tab{color:var(--muted);letter-spacing:-.045em;cursor:pointer;background:0 0;border:0;padding:13px 0;font-size:clamp(19px,2.4vw,29px);font-weight:780;transition:color .18s,transform .18s;position:relative}.guide-tab:after{background:var(--green);content:"";opacity:0;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:6px;left:0;right:0;transform:scaleX(.35)}.guide-tab:hover,.guide-tab:focus-visible{color:var(--text);outline:none}.guide-tab:focus-visible{text-underline-offset:8px;-webkit-text-decoration:underline #b9ff7299;text-decoration:underline #b9ff7299}.guide-tab.is-active{color:var(--green-soft)}.guide-tab.is-active:after{opacity:1;transform:scaleX(1)}.guide-detail{opacity:0;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1),margin .34s,opacity .22s,transform .34s;display:grid;transform:translateY(-6px)}.guide-detail.is-open{opacity:1;grid-template-rows:1fr;margin-top:16px;transform:translateY(0)}.guide-detail__inner{min-height:0;overflow:hidden}.guide-detail__panel{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-strong);box-shadow:var(--shadow);overflow:hidden}.guide-detail__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;display:flex}.guide-detail__heading{align-items:center;gap:18px;display:flex}.guide-detail__number{color:var(--green);font-size:30px;font-weight:850;line-height:1}.guide-detail__titles{display:grid}.guide-detail__titles span{color:var(--muted-dark);letter-spacing:.14em;font-size:8px;font-weight:800}.guide-detail__titles h3{letter-spacing:-.05em;margin:4px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.2}.guide-detail__close{border:1px solid var(--line);min-width:62px;min-height:38px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border-radius:10px;font-size:12px;font-weight:750;transition:border-color .18s,color .18s,background-color .18s}.guide-detail__close:hover,.guide-detail__close:focus-visible{border-color:var(--line-strong);color:var(--text);background:#deffc21c;outline:none}.guide-detail__body{padding:30px}.empty-state{background:#dcffbd09;border:1px dashed #d6ffb138;border-radius:13px;align-items:center;min-height:138px;padding:28px;display:flex}.empty-state__copy strong{letter-spacing:-.025em;font-size:15px;font-weight:800;display:block}.empty-state__copy p{color:var(--muted);word-break:keep-all;margin:6px 0 0;font-size:13px;line-height:1.65}.content-items{gap:10px;display:grid}.content-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:18px;display:grid}.content-item__number{color:#102013;background:var(--green);border-radius:10px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:850;display:grid}.content-item strong{font-size:15px;display:block}.content-item p{color:var(--muted);white-space:pre-line;margin:6px 0 0;font-size:13px;line-height:1.7}.abilities{width:min(calc(100% - 48px), var(--max-width));border-top:1px solid var(--line);margin:0 auto;padding:96px 0 128px}.abilities__heading{margin-bottom:46px}.abilities__heading .eyebrow{margin-bottom:12px}.abilities__heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,58px);font-weight:880;line-height:1.05}.ability-slider{grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:clamp(8px,2vw,24px);display:grid}.ability-slider__arrow{width:64px;height:64px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0 0 5px;font-size:38px;font-weight:300;line-height:1;transition:color .18s,transform .18s;display:grid}.ability-slider__arrow:hover,.ability-slider__arrow:focus-visible{color:var(--green);outline:none;transform:scale(1.12)}.ability-slider__viewport{min-width:0;position:relative;overflow:hidden}.ability-slider__rail{min-height:270px;position:relative}.ability-card{opacity:0;filter:blur(2px);width:34%;height:230px;transform:translate3d(calc(-50% + var(--ability-x)), -50%, 0) scale(.7);will-change:transform, opacity, filter;align-content:center;place-items:center;gap:24px;transition:transform .68s cubic-bezier(.22,1,.36,1),opacity .52s,filter .52s;display:grid;position:absolute;top:50%;left:50%}.ability-card[data-position=current]{z-index:2;opacity:1;filter:none;transform:translate3d(calc(-50% + var(--ability-x)), -50%, 0) scale(1)}.ability-card[data-position=side]{z-index:1;opacity:.3;filter:blur(.35px);transform:translate3d(calc(-50% + var(--ability-x)), -50%, 0) scale(.7)}.ability-card[data-position=hidden]{pointer-events:none}.ability-card__icon{width:118px;height:118px;color:var(--green-soft);background:#deffc20e;border:1px solid #deffc247;border-radius:26px;place-items:center;font-size:52px;font-weight:750;transition:width .68s cubic-bezier(.22,1,.36,1),height .68s cubic-bezier(.22,1,.36,1),border-radius .68s cubic-bezier(.22,1,.36,1),font-size .68s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:inset 0 0 32px #b9ff7209}.ability-card h3{max-width:100%;color:var(--text);letter-spacing:-.045em;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(24px,3.3vw,38px);font-weight:820;line-height:1.2;transition:color .52s,font-size .68s cubic-bezier(.22,1,.36,1);overflow:hidden}.ability-card[data-position=side] h3,.ability-card[data-position=hidden] h3{color:var(--muted);font-size:clamp(12px,1.5vw,16px)}.ability-slider__count{color:var(--muted-dark);letter-spacing:.18em;text-align:center;margin:22px 0 0;font-size:10px;font-weight:800}.site-footer{width:min(calc(100% - 48px), var(--max-width));border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:112px;margin:0 auto;display:flex}.site-footer>p{color:var(--muted-dark);letter-spacing:-.02em;margin:0;font-size:12px}.to-top{color:var(--muted);letter-spacing:.14em;align-items:center;gap:8px;font-size:9px;font-weight:800;transition:color .18s;display:inline-flex}.to-top:hover,.to-top:focus-visible{color:var(--green);outline:none}.to-top svg{width:15px;height:15px}.reveal{opacity:0;transition:opacity .52s,transform .52s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.site-intro{z-index:9999;opacity:1;isolation:isolate;background:linear-gradient(138deg,#477a39 0%,#2f5e30 24%,#163820 50%,#091b0f 74%,#020504 100%);justify-content:center;align-items:center;padding:0;transition:opacity .58s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow:clip}.intro-seen .site-intro{display:none}.site-intro__stage{filter:drop-shadow(5px 7px 3px #00000047)drop-shadow(13px 18px 11px #0000006b);flex:none;width:min(56vmin,470px);position:relative}.site-intro__animation{z-index:1;object-fit:contain;image-rendering:auto;filter:brightness(1.3)contrast(1.12)saturate(.72);mix-blend-mode:screen;-webkit-mask-composite:source-in;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:none;height:auto;margin:0;transition:opacity .52s,transform .62s cubic-bezier(.22,1,.36,1),filter .52s;display:block;position:relative;transform:scale(1);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%),linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%),linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.site-intro.is-ending{opacity:0;pointer-events:none}.site-intro.is-ending .site-intro__animation{opacity:0;filter:brightness(1.3)contrast(1.12)saturate(.72)blur(3px);transform:scale(1.025)}html:has(.site-intro){scrollbar-width:none;overflow:hidden}html:has(.site-intro) body{scrollbar-width:none;overflow:hidden}html:has(.site-intro)::-webkit-scrollbar{display:none}@keyframes page-after-intro{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){:root{--header-height:70px}.site-header,.hero,.guide,.abilities,.site-footer{width:min(calc(100% - 32px), var(--max-width))}.top-nav{scrollbar-width:none;max-width:62vw;overflow-x:auto}.top-nav::-webkit-scrollbar{display:none}.top-nav a{flex:none;padding:7px 10px;font-size:12px}.hero{min-height:500px;padding:76px 0 86px}.guide,.abilities{padding:76px 0 100px}.section-heading{gap:18px;display:grid}.section-heading>p{text-align:left}}@media (width<=520px){.site-header{gap:12px}.brand__text strong{font-size:14px}.brand__text small{display:none}.top-nav{max-width:60vw}.top-nav a{font-size:11px}.hero{min-height:455px;padding:64px 0 74px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(45px,14vw,62px)}.hero__description{margin-top:24px;font-size:15px}.hero__actions{margin-top:30px}.section-heading h2{font-size:40px}.guide-tabs{gap:9px;min-height:62px}.guide-tabs__divider{font-size:16px}.guide-tab{padding:12px 0;font-size:15px}.guide-detail__panel{border-radius:15px}.guide-detail__header{align-items:flex-start;padding:24px 20px}.guide-detail__heading{align-items:flex-start;gap:12px}.guide-detail__number{font-size:26px}.guide-detail__titles h3{font-size:22px}.guide-detail__close{min-width:52px;min-height:34px}.guide-detail__body{padding:20px}.abilities__heading{margin-bottom:30px}.ability-slider{grid-template-columns:38px minmax(0,1fr) 38px;gap:2px}.ability-slider__arrow{width:38px;height:54px;font-size:30px}.ability-slider__rail{min-height:220px}.ability-card{width:46%;height:186px;transform:translate3d(calc(-50% + var(--ability-x-mobile)), -50%, 0) scale(.7);gap:18px}.ability-card[data-position=current]{transform:translate3d(calc(-50% + var(--ability-x-mobile)), -50%, 0) scale(1)}.ability-card[data-position=side]{transform:translate3d(calc(-50% + var(--ability-x-mobile)), -50%, 0) scale(.7)}.ability-card__icon{border-radius:22px;width:98px;height:98px;font-size:44px}.ability-card[data-position=side] h3,.ability-card[data-position=hidden] h3{font-size:10px}.empty-state{min-height:126px;padding:20px}.site-footer{min-height:96px}}@media (aspect-ratio<=4/5){.site-intro__stage{width:min(58vw,36svh,280px)}}@media (width<=430px){.site-intro__stage{width:min(56vw,230px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.site-intro{display:none}.intro-active .site-header,.intro-active main,.intro-active .site-footer{opacity:1;transform:none}}