@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/_astro/PretendardVariable.CJuje-Rk.woff2)format("woff2-variations")}:root{--lime-50:#f4ffe0;--lime-100:#e8ff6f;--lime:#c6ff3d;--lime-600:#8fcc1f;--lime-700:#5a8210;--lime-800:#466410;--n-0:#fff;--n-25:#fcfcfd;--n-50:#f7f8f9;--n-100:#f1f2f4;--n-150:#ebecef;--n-200:#e3e5e9;--n-300:#d2d5db;--n-400:#9aa0aa;--n-500:#6b717c;--n-600:#4b5159;--n-700:#3c4149;--n-800:#23262c;--n-900:#16181d;--n-950:#0c0d0f;--n-1000:#08090a;--csstools-color-scheme--light:initial;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--csstools-color-scheme--light: }}:root[data-theme=light]{--csstools-color-scheme--light:initial;color-scheme:light}:root[data-theme=dark]{--csstools-color-scheme--light: ;color-scheme:dark}:root{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #08090a;--bg-base:var(--csstools-light-dark-toggle--0,#fcfcfc);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #0c0d0f;--bg-canvas:var(--csstools-light-dark-toggle--1,#fff);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #111317;--bg-surface:var(--csstools-light-dark-toggle--2,#fff);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #16181d;--bg-raised:var(--csstools-light-dark-toggle--3,#fff);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #1c1f26;--bg-overlay:var(--csstools-light-dark-toggle--4,#fff);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #16181d;--bg-inset:var(--csstools-light-dark-toggle--5,#f1f2f4);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #f7f8f8;--text-primary:var(--csstools-light-dark-toggle--6,#16181d);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #b4b8c0;--text-secondary:var(--csstools-light-dark-toggle--7,#3c4149);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #8a8f98;--text-tertiary:var(--csstools-light-dark-toggle--8,#5b616b);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #5e626b;--text-disabled:var(--csstools-light-dark-toggle--9,#9aa0aa);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #3a3d44;--text-deco:var(--csstools-light-dark-toggle--10,#c4c8ce);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #ffffff0f;--border-subtle:var(--csstools-light-dark-toggle--11,#1012170f);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #ffffff1a;--border:var(--csstools-light-dark-toggle--12,#1012171a);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #ffffff29;--border-strong:var(--csstools-light-dark-toggle--13,#10121729);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #c6ff3d5c;--border-accent:var(--csstools-light-dark-toggle--14,#46641066);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #c6ff3d;--accent:var(--csstools-light-dark-toggle--15,#466410);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #c6ff3d;--accent-pop:var(--csstools-light-dark-toggle--16,#5a8210);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #e8ff6f;--accent-hover:var(--csstools-light-dark-toggle--17,#2f4908);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #c6ff3d1a;--accent-bg:var(--csstools-light-dark-toggle--18,#4664100f);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #c6ff3d29;--accent-bg-strong:var(--csstools-light-dark-toggle--19,#4664101a);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #08090a;--accent-on-fill:var(--csstools-light-dark-toggle--20,#fff);--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #f7f8f8;--primary:var(--csstools-light-dark-toggle--21,#16181d);--csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #fff;--primary-hover:var(--csstools-light-dark-toggle--22,#000);--csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) #08090a;--primary-fg:var(--csstools-light-dark-toggle--23,#fff);--csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) #b4b8c0;--focus-ring:var(--csstools-light-dark-toggle--24,#3c4149);--csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #f7857d;--semantic-error-fg:var(--csstools-light-dark-toggle--25,#a43b38);--csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #351c1a;--semantic-error-bg:var(--csstools-light-dark-toggle--26,#ffedeb);--csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #de9c31;--semantic-warning-fg:var(--csstools-light-dark-toggle--27,#865900);--csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #2f210c;--semantic-warning-bg:var(--csstools-light-dark-toggle--28,#fcf0e0);--csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #6dadff;--semantic-info-fg:var(--csstools-light-dark-toggle--29,#2063b0);--csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #162537;--semantic-info-bg:var(--csstools-light-dark-toggle--30,#e9f3ff);--csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5dc47e;--semantic-success-fg:var(--csstools-light-dark-toggle--31,#00773b);--csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #142a1a;--semantic-success-bg:var(--csstools-light-dark-toggle--32,#e6f7ea);--csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) #adb1b9;--semantic-neutral-fg:var(--csstools-light-dark-toggle--33,#505257);--csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #26272b;--semantic-neutral-bg:var(--csstools-light-dark-toggle--34,#f1f1f2);--error:var(--semantic-error-fg);--csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #08090a;--error-contrast:var(--csstools-light-dark-toggle--35,#fff);--csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #e0434b;--error-hover:var(--csstools-light-dark-toggle--36,#b91c1c);--error-bg:var(--semantic-error-bg);--warning:var(--semantic-warning-fg);--csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #08090a;--warning-contrast:var(--csstools-light-dark-toggle--37,#fff);--warning-bg:var(--semantic-warning-bg);--info:var(--semantic-info-fg);--csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #08090a;--info-contrast:var(--csstools-light-dark-toggle--38,#fff);--info-bg:var(--semantic-info-bg);--success:var(--semantic-success-fg);--csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #08090a;--success-contrast:var(--csstools-light-dark-toggle--39,#fff);--success-bg:var(--semantic-success-bg);--neutral:var(--semantic-neutral-fg);--neutral-bg:var(--semantic-neutral-bg);--csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #ffffff0f;--action-hover:var(--csstools-light-dark-toggle--40,#1012170a);--csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #ffffff1a;--action-selected:var(--csstools-light-dark-toggle--41,#10121712);--csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #ffffff29;--action-active:var(--csstools-light-dark-toggle--42,#1012171f);--csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #ffffff0f;--action-disabled-bg:var(--csstools-light-dark-toggle--43,#1012170d);--selected-bg:var(--action-selected);--selected-border:var(--border-strong);--selected-fg:var(--text-primary);@supports not (color:light-dark(tan, tan)){& *{--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) #08090a;--bg-base:var(--csstools-light-dark-toggle--0,#fcfcfc);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) #0c0d0f;--bg-canvas:var(--csstools-light-dark-toggle--1,#fff);--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #111317;--bg-surface:var(--csstools-light-dark-toggle--2,#fff);--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #16181d;--bg-raised:var(--csstools-light-dark-toggle--3,#fff);--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #1c1f26;--bg-overlay:var(--csstools-light-dark-toggle--4,#fff);--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #16181d;--bg-inset:var(--csstools-light-dark-toggle--5,#f1f2f4);--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #f7f8f8;--text-primary:var(--csstools-light-dark-toggle--6,#16181d);--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #b4b8c0;--text-secondary:var(--csstools-light-dark-toggle--7,#3c4149);--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #8a8f98;--text-tertiary:var(--csstools-light-dark-toggle--8,#5b616b);--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #5e626b;--text-disabled:var(--csstools-light-dark-toggle--9,#9aa0aa);--csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #3a3d44;--text-deco:var(--csstools-light-dark-toggle--10,#c4c8ce);--csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #ffffff0f;--border-subtle:var(--csstools-light-dark-toggle--11,#1012170f);--csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #ffffff1a;--border:var(--csstools-light-dark-toggle--12,#1012171a);--csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #ffffff29;--border-strong:var(--csstools-light-dark-toggle--13,#10121729);--csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #c6ff3d5c;--border-accent:var(--csstools-light-dark-toggle--14,#46641066);--csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #c6ff3d;--accent:var(--csstools-light-dark-toggle--15,#466410);--csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #c6ff3d;--accent-pop:var(--csstools-light-dark-toggle--16,#5a8210);--csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #e8ff6f;--accent-hover:var(--csstools-light-dark-toggle--17,#2f4908);--csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #c6ff3d1a;--accent-bg:var(--csstools-light-dark-toggle--18,#4664100f);--csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #c6ff3d29;--accent-bg-strong:var(--csstools-light-dark-toggle--19,#4664101a);--csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #08090a;--accent-on-fill:var(--csstools-light-dark-toggle--20,#fff);--csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #f7f8f8;--primary:var(--csstools-light-dark-toggle--21,#16181d);--csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #fff;--primary-hover:var(--csstools-light-dark-toggle--22,#000);--csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) #08090a;--primary-fg:var(--csstools-light-dark-toggle--23,#fff);--csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) #b4b8c0;--focus-ring:var(--csstools-light-dark-toggle--24,#3c4149);--csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) #f7857d;--semantic-error-fg:var(--csstools-light-dark-toggle--25,#a43b38);--csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #351c1a;--semantic-error-bg:var(--csstools-light-dark-toggle--26,#ffedeb);--csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #de9c31;--semantic-warning-fg:var(--csstools-light-dark-toggle--27,#865900);--csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #2f210c;--semantic-warning-bg:var(--csstools-light-dark-toggle--28,#fcf0e0);--csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #6dadff;--semantic-info-fg:var(--csstools-light-dark-toggle--29,#2063b0);--csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #162537;--semantic-info-bg:var(--csstools-light-dark-toggle--30,#e9f3ff);--csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5dc47e;--semantic-success-fg:var(--csstools-light-dark-toggle--31,#00773b);--csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #142a1a;--semantic-success-bg:var(--csstools-light-dark-toggle--32,#e6f7ea);--csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) #adb1b9;--semantic-neutral-fg:var(--csstools-light-dark-toggle--33,#505257);--csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #26272b;--semantic-neutral-bg:var(--csstools-light-dark-toggle--34,#f1f1f2);--csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #08090a;--error-contrast:var(--csstools-light-dark-toggle--35,#fff);--csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #e0434b;--error-hover:var(--csstools-light-dark-toggle--36,#b91c1c);--csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #08090a;--warning-contrast:var(--csstools-light-dark-toggle--37,#fff);--csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #08090a;--info-contrast:var(--csstools-light-dark-toggle--38,#fff);--csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #08090a;--success-contrast:var(--csstools-light-dark-toggle--39,#fff);--csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #ffffff0f;--action-hover:var(--csstools-light-dark-toggle--40,#1012170a);--csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) #ffffff1a;--action-selected:var(--csstools-light-dark-toggle--41,#10121712);--csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #ffffff29;--action-active:var(--csstools-light-dark-toggle--42,#1012171f);--csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #ffffff0f;--action-disabled-bg:var(--csstools-light-dark-toggle--43,#1012170d)}}}@supports (color:light-dark(red, red)){:root{--bg-base:light-dark(#fcfcfc,#08090a);--bg-canvas:light-dark(#fff,#0c0d0f);--bg-surface:light-dark(#fff,#111317);--bg-raised:light-dark(#fff,#16181d);--bg-overlay:light-dark(#fff,#1c1f26);--bg-inset:light-dark(#f1f2f4,#16181d);--text-primary:light-dark(#16181d,#f7f8f8);--text-secondary:light-dark(#3c4149,#b4b8c0);--text-tertiary:light-dark(#5b616b,#8a8f98);--text-disabled:light-dark(#9aa0aa,#5e626b);--text-deco:light-dark(#c4c8ce,#3a3d44);--border-subtle:light-dark(#1012170f,#ffffff0f);--border:light-dark(#1012171a,#ffffff1a);--border-strong:light-dark(#10121729,#ffffff29);--border-accent:light-dark(#46641066,#c6ff3d5c);--accent:light-dark(#466410,#c6ff3d);--accent-pop:light-dark(#5a8210,#c6ff3d);--accent-hover:light-dark(#2f4908,#e8ff6f);--accent-bg:light-dark(#4664100f,#c6ff3d1a);--accent-bg-strong:light-dark(#4664101a,#c6ff3d29);--accent-on-fill:light-dark(#fff,#08090a);--primary:light-dark(#16181d,#f7f8f8);--primary-hover:light-dark(#000,#fff);--primary-fg:light-dark(#fff,#08090a);--focus-ring:light-dark(#3c4149,#b4b8c0);--semantic-error-fg:light-dark(#a43b38,#f7857d);--semantic-error-bg:light-dark(#ffedeb,#351c1a);--semantic-warning-fg:light-dark(#865900,#de9c31);--semantic-warning-bg:light-dark(#fcf0e0,#2f210c);--semantic-info-fg:light-dark(#2063b0,#6dadff);--semantic-info-bg:light-dark(#e9f3ff,#162537);--semantic-success-fg:light-dark(#00773b,#5dc47e);--semantic-success-bg:light-dark(#e6f7ea,#142a1a);--semantic-neutral-fg:light-dark(#505257,#adb1b9);--semantic-neutral-bg:light-dark(#f1f1f2,#26272b);--error-contrast:light-dark(#fff,#08090a);--error-hover:light-dark(#b91c1c,#e0434b);--warning-contrast:light-dark(#fff,#08090a);--info-contrast:light-dark(#fff,#08090a);--success-contrast:light-dark(#fff,#08090a);--action-hover:light-dark(#1012170a,#ffffff0f);--action-selected:light-dark(#10121712,#ffffff1a);--action-active:light-dark(#1012171f,#ffffff29);--action-disabled-bg:light-dark(#1012170d,#ffffff0f)}}:root{--spacing:.25rem;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--container:1200px;--gutter:24px;--shell-rail:264px;--bp-xs:0px;--bp-sm:600px;--bp-md:900px;--bp-lg:1200px;--bp-xl:1536px}@media (width>=768px){:root{--gutter:clamp(32px, 4vw, 56px)}}:root{--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--font-sans:"Pretendard Variable", "Pretendard", "Inter", system-ui, sans-serif;--font-display:"Pretendard Variable", "Pretendard", "Inter", system-ui, sans-serif;--font-accent:"Inter", "Pretendard Variable", system-ui, sans-serif;--font-alt:"IBM Plex Sans KR", "Pretendard Variable", sans-serif;--font-mono:"Inter", ui-monospace, "SFMono-Regular", monospace;--fs-display:56px;--fs-h1:40px;--fs-h2:30px;--fs-h3:24px;--fs-h4:20px;--fs-h5:17px;--fs-body:15px;--fs-sm:13px;--fs-caption:12px;--fs-micro:11px;--lh-tight:1.12;--lh-snug:1.32;--lh-normal:1.5;--lh-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:-.011em;--tracking-label:.01em;--tracking-caps:.06em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900}:root{--csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #0006;--shadow-1:0 1px 2px var(--csstools-light-dark-toggle--44,#1012170d);--csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #0006;--csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #0000004d;--shadow-2:0 1px 3px var(--csstools-light-dark-toggle--45,#1012170f), 0 2px 6px var(--csstools-light-dark-toggle--46,#1012170a);--csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #00000070;--csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #0000004d;--shadow-4:0 4px 10px var(--csstools-light-dark-toggle--47,#10121712), 0 2px 4px var(--csstools-light-dark-toggle--48,#1012170a);--csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #00000080;--csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #00000057;--shadow-8:0 10px 24px var(--csstools-light-dark-toggle--49,#10121717), 0 4px 8px var(--csstools-light-dark-toggle--50,#1012170d);--csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #0000008f;--csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #0006;--shadow-16:0 18px 40px var(--csstools-light-dark-toggle--51,#1012171f), 0 8px 16px var(--csstools-light-dark-toggle--52,#10121712);--csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #c6ff3d4d;--glow-sm:0 0 12px var(--csstools-light-dark-toggle--53,transparent);--csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #c6ff3d66;--glow-md:0 0 24px var(--csstools-light-dark-toggle--54,transparent);@supports not (color:light-dark(tan, tan)){& *{--csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #0006;--shadow-1:0 1px 2px var(--csstools-light-dark-toggle--44,#1012170d);--csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #0006;--csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #0000004d;--shadow-2:0 1px 3px var(--csstools-light-dark-toggle--45,#1012170f), 0 2px 6px var(--csstools-light-dark-toggle--46,#1012170a);--csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #00000070;--csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #0000004d;--shadow-4:0 4px 10px var(--csstools-light-dark-toggle--47,#10121712), 0 2px 4px var(--csstools-light-dark-toggle--48,#1012170a);--csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #00000080;--csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #00000057;--shadow-8:0 10px 24px var(--csstools-light-dark-toggle--49,#10121717), 0 4px 8px var(--csstools-light-dark-toggle--50,#1012170d);--csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #0000008f;--csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #0006;--shadow-16:0 18px 40px var(--csstools-light-dark-toggle--51,#1012171f), 0 8px 16px var(--csstools-light-dark-toggle--52,#10121712);--csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #c6ff3d4d;--glow-sm:0 0 12px var(--csstools-light-dark-toggle--53,transparent);--csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #c6ff3d66;--glow-md:0 0 24px var(--csstools-light-dark-toggle--54,transparent)}}}@supports (color:light-dark(red, red)){:root{--shadow-1:0 1px 2px light-dark(#1012170d,#0006);--shadow-2:0 1px 3px light-dark(#1012170f,#0006), 0 2px 6px light-dark(#1012170a,#0000004d);--shadow-4:0 4px 10px light-dark(#10121712,#00000070), 0 2px 4px light-dark(#1012170a,#0000004d);--shadow-8:0 10px 24px light-dark(#10121717,#00000080), 0 4px 8px light-dark(#1012170d,#00000057);--shadow-16:0 18px 40px light-dark(#1012171f,#0000008f), 0 8px 16px light-dark(#10121712,#0006);--glow-sm:0 0 12px light-dark(#0000,#c6ff3d4d);--glow-md:0 0 24px light-dark(#0000,#c6ff3d66)}}:root{--dur-fast:.12s;--dur-base:.18s;--dur-slow:.26s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #c6ff3d0f;--gradient-app:radial-gradient(120% 80% at 50% -10%, var(--csstools-light-dark-toggle--55,#4664100d) 0%, transparent 60%);--csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #ffffff24;--gradient-hairline:linear-gradient(90deg, transparent, var(--csstools-light-dark-toggle--56,#1012171f) 50%, transparent);--csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #08090aa3;--scrim:var(--csstools-light-dark-toggle--57,#fcfcfdb8);--scrim-blur:blur(8px) saturate(1.1);--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-overlay:1300;--z-modal:1400;--z-popover:1500;--z-toast:1600;--z-tooltip:1700;@supports not (color:light-dark(tan, tan)){& *{--csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #c6ff3d0f;--gradient-app:radial-gradient(120% 80% at 50% -10%, var(--csstools-light-dark-toggle--55,#4664100d) 0%, transparent 60%);--csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #ffffff24;--gradient-hairline:linear-gradient(90deg, transparent, var(--csstools-light-dark-toggle--56,#1012171f) 50%, transparent);--csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #08090aa3;--scrim:var(--csstools-light-dark-toggle--57,#fcfcfdb8)}}}@supports (color:light-dark(red, red)){:root{--gradient-app:radial-gradient(120% 80% at 50% -10%, light-dark(#4664100d,#c6ff3d0f) 0%, transparent 60%);--gradient-hairline:linear-gradient(90deg, transparent, light-dark(#1012171f,#ffffff24) 50%, transparent);--scrim:light-dark(#fcfcfdb8,#08090aa3)}}:root{--accent-fg:var(--accent);--accent-text:var(--accent);--accent-solid:var(--accent-pop);--accent-on-solid:var(--accent-on-fill);--accent-tint:var(--accent-bg);--accent-50:var(--lime-50);--accent-100:var(--lime-100);--accent-lime:var(--lime);--accent-deep:var(--lime-600);--accent-shadow:var(--lime-700);--csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #c6ff3d;--accent-solid-vibrant:var(--csstools-light-dark-toggle--58,#c6ff3d);--csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #08090a;--accent-on-solid-vibrant:var(--csstools-light-dark-toggle--59,#08090a);--csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #c6ff3d66;--accent-glow:var(--csstools-light-dark-toggle--60,transparent);--csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #ffffff1f;--action-focus:var(--csstools-light-dark-toggle--61,#10121724);--csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #ffffff4d;--action-disabled:var(--csstools-light-dark-toggle--62,#10121742);--csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #c6ff3d1f;--action-accent-hover:var(--csstools-light-dark-toggle--63,#c6ff3d26);--csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #c6ff3d33;--action-accent-selected:var(--csstools-light-dark-toggle--64,#c6ff3d4d);--csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #c6ff3d29;--action-accent-focus:var(--csstools-light-dark-toggle--65,#c6ff3d40);--focus-halo:transparent;--duration-fast:var(--dur-fast);--duration-base:var(--dur-base);--duration-slow:var(--dur-slow);--duration-instant:0s;--duration-slower:.4s;--duration-slowest:.6s;--duration-theme-transition:var(--dur-slow);--duration-theme-transition-reduced:var(--dur-fast);--easing-standard:var(--ease-standard);--easing-accel:var(--ease-in);--easing-bounce:var(--ease-out);--easing-decel:cubic-bezier(0, 0, .2, 1);--easing-sharp:cubic-bezier(.4, 0, .6, 1);--elevation-0:none;--elevation-1:var(--shadow-1);--elevation-2:var(--shadow-2);--elevation-4:var(--shadow-4);--elevation-8:var(--shadow-8);--elevation-16:var(--shadow-16);--elevation-24:var(--shadow-16);--glow-accent-sm:var(--glow-sm);--glow-accent-md:var(--glow-md);--csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #c6ff3d80;--csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #c6ff3d59;--glow-accent-lg:0 0 60px var(--csstools-light-dark-toggle--66,transparent), 0 0 30px var(--csstools-light-dark-toggle--67,transparent);--glow-lg:var(--glow-accent-lg);--z-raised:1;--z-fixed:1200;--z-snackbar:var(--z-toast);--z-max:9999;--font-body:var(--font-sans);--font-kr:"Pretendard Variable", "Pretendard", "Inter", sans-serif;--fs-h6:var(--fs-h5);--fs-overline:var(--fs-micro);--fs-badge-count:10px;--fs-body-lg:var(--fs-body);--fs-body-md:var(--fs-sm);--fs-body-sm:var(--fs-sm);--lh-none:1;--lh-compact:1.45;--fw-light:300;--tracking-wide:.1em;--tracking-wider:.2em;--radius-none:0;--r:var(--radius-md);--max:var(--container);--px:24px;--pad-compact-y:var(--space-2);--pad-compact-x:var(--space-3);--pad-default-y:var(--space-3);--pad-default-x:var(--space-4);--pad-roomy-y:var(--space-4);--pad-roomy-x:var(--space-6);--semantic-error:var(--semantic-error-fg);--semantic-warning:var(--semantic-warning-fg);--semantic-info:var(--semantic-info-fg);--semantic-success:var(--semantic-success-fg);--success-fg:var(--semantic-success-fg);--error-light:#fca5a5;--error-dark:#dc2626;--warning-light:#fcd34d;--warning-dark:#b45309;--info-light:#dbeafe;--info-dark:#2563eb;--success-light:#86efac;--success-dark:#15803d;--neutral-border:var(--border);--neutral-contrast:var(--bg-base);--surface-edge:var(--border-strong);--surface-depth:var(--shadow-2);--surface-wash:var(--bg-surface);--csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) transparent;--surface-highlight:var(--csstools-light-dark-toggle--68,#ffffffd9);--csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) transparent;--surface-inset:inset 0 1px 0 var(--csstools-light-dark-toggle--69,#ffffffd9);@supports not (color:light-dark(tan, tan)){& *{--csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #c6ff3d;--accent-solid-vibrant:var(--csstools-light-dark-toggle--58,#c6ff3d);--csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #08090a;--accent-on-solid-vibrant:var(--csstools-light-dark-toggle--59,#08090a);--csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #c6ff3d66;--accent-glow:var(--csstools-light-dark-toggle--60,transparent);--csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #ffffff1f;--action-focus:var(--csstools-light-dark-toggle--61,#10121724);--csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #ffffff4d;--action-disabled:var(--csstools-light-dark-toggle--62,#10121742);--csstools-light-dark-toggle--63:var(--csstools-color-scheme--light) #c6ff3d1f;--action-accent-hover:var(--csstools-light-dark-toggle--63,#c6ff3d26);--csstools-light-dark-toggle--64:var(--csstools-color-scheme--light) #c6ff3d33;--action-accent-selected:var(--csstools-light-dark-toggle--64,#c6ff3d4d);--csstools-light-dark-toggle--65:var(--csstools-color-scheme--light) #c6ff3d29;--action-accent-focus:var(--csstools-light-dark-toggle--65,#c6ff3d40);--csstools-light-dark-toggle--66:var(--csstools-color-scheme--light) #c6ff3d80;--csstools-light-dark-toggle--67:var(--csstools-color-scheme--light) #c6ff3d59;--glow-accent-lg:0 0 60px var(--csstools-light-dark-toggle--66,transparent), 0 0 30px var(--csstools-light-dark-toggle--67,transparent);--csstools-light-dark-toggle--68:var(--csstools-color-scheme--light) transparent;--surface-highlight:var(--csstools-light-dark-toggle--68,#ffffffd9);--csstools-light-dark-toggle--69:var(--csstools-color-scheme--light) transparent;--surface-inset:inset 0 1px 0 var(--csstools-light-dark-toggle--69,#ffffffd9)}}}@supports (color:light-dark(red, red)){:root{--accent-solid-vibrant:#c6ff3d;--accent-on-solid-vibrant:#08090a;--accent-glow:light-dark(#0000,#c6ff3d66);--action-focus:light-dark(#10121724,#ffffff1f);--action-disabled:light-dark(#10121742,#ffffff4d);--action-accent-hover:light-dark(#c6ff3d26,#c6ff3d1f);--action-accent-selected:light-dark(#c6ff3d4d,#c6ff3d33);--action-accent-focus:light-dark(#c6ff3d40,#c6ff3d29);--glow-accent-lg:0 0 60px light-dark(#0000,#c6ff3d80), 0 0 30px light-dark(#0000,#c6ff3d59);--surface-highlight:light-dark(#ffffffd9,#0000);--surface-inset:inset 0 1px 0 light-dark(#ffffffd9,#0000)}}@media (width>=768px){:root{--px:clamp(48px, 5vw, 64px)}}:lang(ko){letter-spacing:-.012em}html[data-olun-theme-transition],html[data-olun-theme-transition] *,html[data-olun-theme-transition] :before,html[data-olun-theme-transition] :after{transition-property:color,background-color,border-color,box-shadow,outline-color,text-decoration-color,fill,stroke;transition-duration:var(--olun-theme-transition-duration,var(--duration-theme-transition));transition-timing-function:var(--easing-standard)}@media (prefers-reduced-motion:reduce){html[data-olun-theme-transition],html[data-olun-theme-transition] *,html[data-olun-theme-transition] :before,html[data-olun-theme-transition] :after{transition-duration:var(--duration-theme-transition-reduced)}}@layer base{:where(input[type=checkbox]){accent-color:var(--accent-solid)}}:root{--dur-enter:.6s;--dur-slide:.7s;--dur-signature:.9s;--autoplay:5s}*{box-sizing:border-box}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.site{background:var(--bg-base);color:var(--text-primary);min-height:100vh}h1,h2,h3,p,ul,ol,figure,dl{margin:0}h1,h2,h3{text-wrap:balance;letter-spacing:-.025em}ul,ol{padding:0;list-style:none}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.container{max-width:1200px;margin-inline:auto;padding-inline:max(16px,4vw)}@media (width>=1300px){.container{padding-inline:0}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.view[hidden]{display:none!important}.wordmark{font-family:"Space Grotesk",var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);font-size:1.45rem;font-weight:700;line-height:1;text-decoration:none}.wordmark .dot{color:var(--accent-pop)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;height:44px;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding-inline:18px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--primary-fg)}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{color:var(--text-primary);border-color:var(--border-strong);background:0 0}.btn-ghost:hover{background:var(--bg-inset)}.link-arrow{color:var(--text-secondary);transition:color var(--dur-fast);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow:hover{color:var(--text-primary)}.link-arrow svg{width:14px;height:14px;transition:transform var(--dur-base) var(--ease-out)}.link-arrow:hover svg{transform:translate(2px)}.site-header{top:env(safe-area-inset-top,0px);z-index:20;transition:background-color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard);background:0 0;border-bottom:1px solid #0000;position:sticky}.site-header[data-scrolled]{background:color-mix(in srgb,var(--bg-base) 86%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom-color:var(--border-subtle)}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.nav{align-items:center;gap:clamp(14px,2.6vw,28px);font-size:.92rem;font-weight:500;display:flex}.nav a:not(.btn){color:var(--text-secondary);text-decoration:none}.nav a:not(.btn):hover{color:var(--text-primary)}.nav .btn{height:36px;padding-inline:14px;font-size:.88rem}.hero{padding-block:clamp(32px,5vw,64px) clamp(72px,9vw,120px)}.hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.hero h1{letter-spacing:-.045em;font-size:clamp(2.7rem,6.2vw,5rem);font-weight:700;line-height:1.1}.hero h1 .fin{background:var(--accent-pop);border-radius:50%;width:.19em;height:.19em;margin-left:.05em;display:inline-block}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:40px;display:flex}.hero-photo{aspect-ratio:4/3;background:var(--bg-inset);border-radius:20px;max-width:100%;margin:0;overflow:hidden}.hero-photo img{object-fit:cover;object-position:62% 40%;width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.hero-copy{animation:rise var(--dur-enter) var(--ease-out) both}.hero-photo{animation:fade-in var(--dur-enter) var(--ease-out) .12s both}.hero h1 .fin{animation:dot-arrive var(--dur-signature) var(--ease-out) .3s both}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dot-arrive{0%{opacity:0;transform:translate(-.9em,-.95em)}55%{opacity:1;transform:translate(-.28em,-.42em)}to{opacity:1;transform:none}}@media (width<=860px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-photo{order:2}}.product{padding-block:clamp(88px,11vw,140px)}.section-title{letter-spacing:-.035em;max-width:16em;font-size:clamp(1.8rem,3.8vw,2.75rem);font-weight:700;line-height:1.2}.tabs{border-bottom:1px solid var(--border);scroll-snap-type:x mandatory;scrollbar-width:none;gap:2px;margin-block:clamp(32px,4vw,48px) 20px;display:flex;position:relative;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{appearance:none;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;scroll-snap-align:start;transition:color var(--dur-fast),border-color var(--dur-fast);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 14px;font-weight:500}.tab:hover{color:var(--text-primary)}.tab[aria-selected=true]{color:var(--text-primary);font-weight:600}.tab-ind{background:var(--accent);width:0;height:2px;transition:transform var(--dur-base) var(--ease-standard);position:absolute;bottom:0;left:0}.tab .n{font-family:"Space Grotesk",var(--font-sans);color:var(--text-disabled);font-variant-numeric:tabular-nums;margin-right:6px;font-size:.76rem}.stage{background:var(--bg-inset);border-radius:var(--radius-xl);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;padding-block:clamp(16px,3.4vw,44px);position:relative;overflow:clip}.stage .screen{cursor:pointer}.stage.dragging,.stage.dragging *{cursor:grabbing}.stage.dragging .track{transition:none}.track{transition:transform var(--dur-slide) var(--ease-out);will-change:transform;align-items:center;gap:clamp(16px,2.4vw,32px);display:flex}.panel{transition:opacity var(--dur-slide) var(--ease-out),transform var(--dur-slide) var(--ease-out);flex:0 0 min(78%,960px)}.panel img,.panel svg{pointer-events:none}.panel[aria-hidden=true]{opacity:.38;transform:scale(.94)}.stage .nav-btn{z-index:3;border:1px solid var(--border-strong);background:var(--bg-surface);width:44px;height:44px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-8);transition:background-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);border-radius:50%;place-items:center;margin-top:-22px;display:grid;position:absolute;top:50%}.stage .nav-btn:hover{background:var(--bg-inset)}.stage .nav-btn:active{transform:scale(.97)}.stage .nav-btn svg{width:18px;height:18px}.stage .prev{left:clamp(8px,2vw,24px)}.stage .next{right:clamp(8px,2vw,24px)}.play-btn{z-index:3;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-surface) 80%,transparent);height:30px;color:var(--text-tertiary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding-inline:10px;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;bottom:clamp(8px,1.6vw,16px);right:clamp(8px,2vw,24px)}.play-btn:hover{color:var(--text-primary)}.play-btn svg{width:12px;height:12px}.lightbox{background:0 0;border:0;width:100%;max-width:min(1280px,94vw);padding:0;overflow:visible}.lightbox::backdrop{background:var(--scrim)}.lightbox[open]{animation:lb-in var(--dur-base) var(--ease-out)}.lightbox[open]::backdrop{animation:fade-in var(--dur-base) var(--ease-out)}.lightbox.closing{animation:lb-out var(--dur-fast) var(--ease-in) forwards}@keyframes lb-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes lb-out{to{opacity:0;transform:scale(.95)}}.lb-body{zoom:1.3;cursor:zoom-out}.lb-close{border:1px solid var(--border-strong);background:var(--bg-raised);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:-52px;right:0}.lb-close svg{width:18px;height:18px}@media (width<=760px){.lb-body{zoom:1}}@media (width<=640px){.panel{flex-basis:80%}.track{align-items:flex-start;gap:0}.panel .screen{height:380px;-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.stage .nav-btn{width:36px;height:36px;margin-top:-18px}.play-btn{bottom:6px}}.screen{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-8);font-size:13px;line-height:1.45;overflow:hidden}.s-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.s-top strong{font-size:14px}.s-top .muted{color:var(--text-tertiary);margin-left:6px;font-weight:400}.s-actions{gap:6px;display:flex}.s-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-surface);white-space:nowrap;align-items:center;height:28px;padding-inline:10px;font-size:12px;font-weight:500;display:inline-flex}.s-btn.solid{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.s-body{padding:16px}.s-split{grid-template-columns:180px minmax(0,1fr);display:grid}.s-side{border-right:1px solid var(--border);background:var(--bg-canvas);align-content:start;gap:2px;padding:12px;display:grid}.s-search{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-disabled);background:var(--bg-surface);margin-bottom:8px;padding:6px 8px;font-size:12px}.s-side .grp{color:var(--text-tertiary);padding:8px 8px 4px;font-size:11px;font-weight:600}.s-side .item{border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 8px}.s-side .item.on{background:var(--bg-inset);color:var(--text-primary);font-weight:600}.s-side .item.sub{padding-left:18px}.s-toolbar{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.s-table{border-collapse:collapse;width:100%}.s-table th{color:var(--text-tertiary);text-align:left;background:var(--bg-canvas);border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px;font-weight:600}.s-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:10px}.s-table tr:last-child td{border-bottom:0}.s-table td small{color:var(--text-tertiary);margin-top:2px;font-size:11.5px;display:block}.s-table .r{text-align:right;white-space:nowrap}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:22px;padding-inline:8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.b-ok{color:var(--accent);background:var(--accent-bg-strong)}.b-wait{color:var(--semantic-warning-fg);background:var(--semantic-warning-bg)}.b-info{color:var(--semantic-info-fg);background:var(--semantic-info-bg)}.b-mute{color:var(--text-tertiary);background:var(--bg-inset)}.field{gap:5px;margin-bottom:12px;display:grid}.field>span{color:var(--text-tertiary);font-size:11.5px;font-weight:600}.input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);padding:7px 10px}.seg{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:max-content;display:inline-flex;overflow:hidden}.seg span{border-right:1px solid var(--border-strong);padding:5px 12px;font-size:12px}.seg span:last-child{border-right:0}.seg .on{background:var(--primary);color:var(--primary-fg);font-weight:600}.editor{border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.editor .bar{border-bottom:1px solid var(--border);color:var(--text-tertiary);gap:12px;padding:6px 10px;font-size:12px;display:flex}.editor .txt{padding:10px}.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.opts{gap:6px;display:grid}.opt{border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:8px 10px;display:flex}.opt .num{border:1px solid var(--border-strong);width:22px;height:22px;font-size:11px;font-weight:600;font-family:"Space Grotesk",var(--font-sans);border-radius:50%;flex:none;place-items:center;display:grid}.opt .tag{gap:6px;margin-left:auto;display:flex}.opt.correct{border-color:var(--border-accent);background:var(--accent-bg)}.opt.correct .num{background:var(--accent);border-color:var(--accent);color:var(--accent-on-fill)}.chip-s{border:1px solid var(--border-strong);color:var(--text-tertiary);white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.chip-s.ok{color:var(--accent);border-color:var(--border-accent)}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px}.stat span{color:var(--text-tertiary);font-size:11.5px;display:block}.stat b{font-family:"Space Grotesk",var(--font-sans);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.2}.stat b small{color:var(--text-tertiary);margin-left:2px;font-size:13px;font-weight:500}.s-tabs{border-bottom:1px solid var(--border);gap:16px;margin-bottom:12px;display:flex}.s-tabs span{color:var(--text-tertiary);padding-bottom:8px}.s-tabs .on{color:var(--text-primary);border-bottom:2px solid var(--text-primary);margin-bottom:-1px;font-weight:600}.qgrid{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-block:8px 12px;display:grid}.qgrid span{aspect-ratio:1;border:1px solid var(--border);font-family:"Space Grotesk",var(--font-sans);color:var(--text-tertiary);font-variant-numeric:tabular-nums;border-radius:5px;place-items:center;font-size:11px;display:grid}.qgrid .x{background:var(--semantic-error-bg);color:var(--semantic-error-fg);border-color:#0000;font-weight:600}.qgrid .x.sel{outline:2px solid var(--semantic-error-fg);outline-offset:1px}.detail{border:1px solid var(--border);border-radius:var(--radius-md);gap:8px;padding:12px;display:grid}.kv{grid-template-columns:52px minmax(0,1fr);gap:4px 10px;font-size:12.5px;display:grid}.kv dt{color:var(--text-tertiary)}.kv dd{margin:0}.kv .wrong{color:var(--semantic-error-fg);font-weight:600}.kv .right{color:var(--accent);font-weight:600}.notice{border-radius:var(--radius-md);background:var(--accent-bg-strong);color:var(--accent);padding:9px 12px;font-size:12.5px;font-weight:500}.box{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px}.box .h{color:var(--text-tertiary);margin-bottom:4px;font-size:11.5px;font-weight:600}.meta-line{color:var(--text-tertiary);margin-bottom:6px;font-size:12px}.q{margin-bottom:10px;font-size:14px;font-weight:600}@media (width<=720px){.s-split{grid-template-columns:minmax(0,1fr)}.s-side{display:none}.two{grid-template-columns:minmax(0,1fr)}.hide-sm{display:none}.qgrid{gap:3px}}.company{padding-block:clamp(88px,11vw,140px) 0}.company-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.company-copy{align-content:center;gap:14px;display:grid}.company .kicker{color:var(--text-tertiary);font-size:.88rem;font-weight:600}.company h2{letter-spacing:-.04em;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:700;line-height:1.15}.company h2 .fin{background:var(--accent-pop);border-radius:50%;width:.19em;height:.19em;margin-left:.05em;display:inline-block}.company-meta{color:var(--text-secondary);gap:6px;margin-top:6px;font-size:.98rem;display:grid}.company-meta .name{font-family:"Space Grotesk",var(--font-sans);color:var(--text-primary);font-weight:600}.company-art{aspect-ratio:1;justify-self:center;width:100%;max-width:520px;margin:0;position:relative}.company-art>*{width:100%;height:100%;position:absolute;inset:0}.mark .ring{fill:none;stroke:var(--text-primary);stroke-width:2.5px}.mark .ticks line{stroke:var(--text-tertiary)}.mark .planet{fill:var(--accent-pop)}.mark .trail{fill:none;stroke:var(--accent-pop);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1 7;opacity:.7}@media (width<=760px){.company-grid{grid-template-columns:minmax(0,1fr)}.company-art{max-width:320px}}.contact{padding-block:clamp(88px,11vw,140px)}.contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);display:grid}.contact h2{letter-spacing:-.035em;font-size:clamp(1.8rem,3.8vw,2.75rem);font-weight:700;line-height:1.2}form{gap:18px;display:grid}.f-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.f-field{gap:8px;display:grid}.f-field label{font-size:.9rem;font-weight:600}.req{color:var(--semantic-error-fg);margin-left:3px;font-weight:700}.opt-mark{color:var(--text-tertiary);margin-left:6px;font-size:.82rem;font-weight:400}.f-field input,.f-field select,.f-field textarea{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--dur-fast);padding:12px 14px}.f-field input:hover,.f-field select:hover,.f-field textarea:hover{border-color:var(--text-disabled)}.f-field [aria-invalid=true]{border-color:var(--semantic-error-fg)}.f-err{color:var(--semantic-error-fg);animation:err-in var(--dur-base) var(--ease-out);font-size:.85rem}@keyframes err-in{0%{opacity:0}to{opacity:1}}.form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}.form-foot .btn{height:48px;padding-inline:24px}.form-note{color:var(--text-tertiary);max-width:34em;font-size:.85rem}.form-note a{color:var(--text-secondary);text-underline-offset:3px}.form-status{color:var(--text-secondary);border-left:2px solid var(--accent-pop);padding-left:12px;font-size:.9rem}@media (width<=860px){.contact-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.f-row{grid-template-columns:minmax(0,1fr)}}.site-footer{border-top:1px solid var(--border-subtle);padding-block:40px 48px;font-size:.88rem}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.foot-links{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 22px;display:flex}.foot-links a{text-decoration:none}.foot-links a:hover{color:var(--text-primary)}.theme-switch{border:1px solid var(--border);background:var(--bg-surface);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex;position:relative}.theme-thumb{background:var(--bg-inset);width:30px;height:26px;transition:transform var(--dur-base) var(--ease-standard);border-radius:999px;position:absolute;top:3px;left:3px}.theme-switch button{appearance:none;width:30px;height:26px;color:var(--text-tertiary);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard);background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:relative}.theme-switch button:hover,.theme-switch button[aria-checked=true]{color:var(--text-primary)}.site.theme-swapping :not(.theme-thumb){transition:none!important}.theme-switch svg{width:15px;height:15px}.biz{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);flex-wrap:wrap;gap:4px 16px;margin-top:28px;padding-top:20px;font-size:.8rem;display:flex}.nf{align-items:center;min-height:calc(100vh - 64px);display:grid;overflow:hidden}.nf-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding-block:48px;display:grid}.nf-code{font-family:"Space Grotesk",var(--font-sans);color:var(--text-tertiary);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.nf h1{letter-spacing:-.04em;margin-top:14px;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:700;line-height:1.15}.nf-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.nf-art{aspect-ratio:1;justify-self:center;width:100%;max-width:480px;max-height:70vh;margin:0}.nf-art img{object-fit:contain;width:100%;height:100%;display:block}.nf-art .img-dark{mix-blend-mode:lighten;display:none}.nf-art .img-light{mix-blend-mode:darken;display:block}@media (prefers-reduced-motion:no-preference){.nf-art img{animation:fade-in var(--dur-enter) var(--ease-out) both}}@media (width<=760px){.nf-grid{grid-template-columns:minmax(0,1fr)}.nf-art{order:-1;max-width:300px}}html.reveal-on [data-reveal]:not(.in){opacity:0;transform:translateY(16px)}html.reveal-on [data-reveal]{transition:opacity var(--dur-enter) var(--ease-out),transform var(--dur-enter) var(--ease-out);transition-delay:calc(var(--i,0) * 80ms)}.doc{padding-block:clamp(56px,8vw,96px) 120px}.doc-inner{max-width:720px}.doc h1{letter-spacing:-.03em;font-size:clamp(1.8rem,3.6vw,2.4rem);font-weight:700}.doc .effective{color:var(--text-tertiary);margin-top:10px;font-size:.9rem}.doc .intro{color:var(--text-secondary);margin-top:28px;font-size:1.02rem;line-height:1.75}.doc section{border-top:1px solid var(--border-subtle);margin-top:40px;padding-top:28px}.doc h2{align-items:baseline;gap:12px;font-size:1.08rem;font-weight:700;display:flex}.doc h2 .no{font-family:"Space Grotesk",var(--font-sans);color:var(--text-disabled);font-variant-numeric:tabular-nums;min-width:1.6em;font-size:.85rem}.doc section>p,.doc section>ul{color:var(--text-secondary);margin-top:12px;padding-left:calc(1.6em + 12px);line-height:1.75}.doc ul li{padding-left:14px;position:relative}.doc ul li:before{content:"";background:var(--text-tertiary);width:5px;height:1px;position:absolute;top:.8em;left:0}.doc-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:14px;margin-left:calc(1.6em + 12px);overflow-x:auto}.doc table{border-collapse:collapse;width:100%;font-size:.9rem}.doc th,.doc td{text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:11px 14px}.doc tr:last-child th,.doc tr:last-child td{border-bottom:0}.doc th{width:7.5em;color:var(--text-tertiary);background:var(--bg-canvas);white-space:nowrap;font-weight:500}.doc code{font-family:var(--font-mono);font-size:.88em}.doc-back{margin-top:56px}@media (width<=560px){.doc section>p,.doc section>ul{padding-left:0}.doc-table-wrap{margin-left:0}}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur-base);animation-timing-function:var(--ease-standard)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}:root[data-theme=dark] .nf-art .img-dark{display:block}:root[data-theme=dark] .nf-art .img-light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nf-art .img-dark{display:block}:root:not([data-theme=light]) .nf-art .img-light{display:none}}@view-transition{navigation:auto}:root{--hero-bg:var(--bg-inset)}body{margin:0}html{scroll-behavior:smooth}html:has(dialog[open]){overflow:hidden}.site-header{position:fixed;top:0;left:0;right:0}.hero{padding-top:calc(64px + clamp(32px,5vw,64px))}.site-footer{max-width:none}.screen{width:100%}.panel .screen{pointer-events:auto}:root.theme-swapping :not(.theme-thumb){transition:none!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.reveal-on [data-reveal]:not(.in){opacity:1;transform:none}}.olun-logo,.olun-wordmark{display:inline}.olun-symbol{width:1em;height:1em}.olun-wordmark-dot{color:var(--accent-pop)}.skip-link{z-index:50;background:var(--bg-surface);padding:8px 12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:8px}.biz-break{flex-basis:100%;height:0}@media (width<=480px){.nav{gap:10px;font-size:.76rem}.nav .btn{padding-inline:10px;font-size:.76rem}.header-inner{gap:8px}.wordmark{font-size:1.2rem}}.screen-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.screen-link .screen{cursor:pointer}.panel[aria-hidden=true] .screen-link{pointer-events:auto}.stage .screen-link{touch-action:pan-y}.lightbox .screen{width:100%}.screen-detail{min-height:70vh;padding-top:160px;padding-bottom:120px}.screen-detail h1{margin-bottom:32px}.screen-detail-preview{max-width:1000px;margin-bottom:32px}.doc{padding-top:calc(64px + clamp(56px,8vw,96px))}.nf{min-height:calc(100vh - 150px);padding-top:64px}#product,#about,#contact{scroll-margin-top:88px}.f-field input::placeholder,.f-field textarea::placeholder{color:var(--text-tertiary)}