:root{--brand: oklch(.574 .218 22.5);--bg: oklch(.13 .012 22);--fg: oklch(.97 .005 22);--muted: oklch(.72 .015 22);--accent: oklch(.68 .21 22.5);--accent2: oklch(.76 .16 55);--card: oklch(.18 .02 22 / .7);--ink-from: oklch(.8 .19 25);--ink-to: oklch(.85 .16 58);--btn-to: oklch(.56 .18 50);--radius: 20px;--step--1: clamp(.875rem, .845rem + .2vw, .95rem);--muted-strong: oklch(.78 .015 22);--step-0: clamp(1rem, .95rem + .35vw, 1.2rem);--step-1: clamp(1.25rem, 1.1rem + .8vw, 1.7rem);--step-2: clamp(1.6rem, 1.3rem + 1.6vw, 2.5rem);--step-3: clamp(2.2rem, 1.6rem + 3.2vw, 4.2rem);--hairline: oklch(1 0 0 / .08);--hairline-strong: oklch(1 0 0 / .15);--surface: oklch(.16 .015 22 / .55);--gap: 1.25rem}*,*:before,*:after{box-sizing:border-box;margin:0}html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:4.5rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html[data-font=PretendardJPVariable] body{font-family:Pretendard JP Variable,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif}body{background:var(--bg);color:var(--fg);font-family:Pretendard Variable,-apple-system,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Segoe UI,Roboto,sans-serif;font-size:var(--step-0);line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2{text-wrap:balance;letter-spacing:-.02em}:lang(ko){word-break:keep-all;overflow-wrap:break-word}:lang(ja){word-break:auto-phrase;line-break:strict}h1{font-size:var(--step-3);font-weight:850;line-height:1.12}h2{font-size:var(--step-2);font-weight:800}h3{font-size:var(--step-1);font-weight:750;letter-spacing:-.01em;line-height:1.25}p{text-wrap:pretty}a{color:inherit}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.section{max-width:72rem;margin-inline:auto;padding:clamp(4rem,10vh,8rem) 1.5rem}.section>h2{max-width:34ch;margin-inline:auto}.grid2{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));margin-top:2rem}.grid3{display:grid;gap:var(--gap);grid-template-columns:repeat(3,1fr);margin-top:2rem}@media(max-width:52rem){.grid3{grid-template-columns:1fr}}.card{transition:translate .25s ease,border-color .25s ease,box-shadow .25s ease;background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);padding:1.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card h3{margin-bottom:.6rem}.card p{color:var(--muted)}.card p+p{margin-top:.75rem}ul,ol{padding-inline-start:1.2rem}li{margin-block:.3rem}.card ul,.card ol{margin-top:.9rem;color:var(--muted);font-size:var(--step--1)}.card ul li::marker{color:var(--accent)}.card:hover{translate:0 -4px;border-color:#b54a4b8c;box-shadow:0 14px 40px #08020280}@media(prefers-reduced-motion:reduce){.card:hover{translate:0 0}}.lead{color:var(--muted);font-size:var(--step-1);max-width:52ch;margin-top:1rem}.footnote{color:var(--muted);font-size:var(--step--1);margin-top:1.5rem;opacity:.8}@media(max-width:48rem){.footnote,.stat-source{color:var(--muted-strong);opacity:1}}.em-accent{font-style:normal;font-weight:inherit;background:linear-gradient(90deg in oklch,var(--ink-from),var(--ink-to));-webkit-background-clip:text;background-clip:text;color:transparent}.section h2,.section>.lead,.section .footnote{text-align:center}.section>.lead{margin-inline:auto}.btn{font:inherit;font-weight:700;padding:.9rem 1.8rem;border-radius:999px;cursor:pointer;display:inline-block;text-align:center;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(120deg in oklch,var(--brand),var(--btn-to));color:#fcfcfc;box-shadow:0 8px 30px #dc1e3659}.btn-primary:hover{box-shadow:0 12px 40px #dc1e3673}.btn-ghost{background:transparent;color:var(--fg);border-color:#ffffff40}.btn-ghost:hover{border-color:var(--accent)}.logo{display:inline-block;vertical-align:middle;height:1rem;width:auto}.brandmark{display:inline-block;vertical-align:middle;height:.72em;width:auto}.stats{display:flex;flex-wrap:wrap;gap:2.5rem;margin-block:2rem;justify-content:center;text-align:center}@media(max-width:40rem){.stats{gap:1.4rem 2rem}.stats .stat-value{font-size:var(--step-1)}}.stat-value{font-size:var(--step-2);font-weight:850;font-variant-numeric:tabular-nums;background:linear-gradient(90deg in oklch,var(--ink-from),var(--ink-to));-webkit-background-clip:text;background-clip:text;color:transparent}.stat{display:grid;gap:.15rem}.stat-source{color:var(--muted)}.stat-label{color:var(--fg);font-weight:600}.stat-source{font-size:var(--step--1);opacity:.85}.toast{position:fixed;inset-block-end:2rem;inset-inline:0;margin-inline:auto;width:fit-content;max-width:calc(100% - 3rem);background:#271514;color:var(--fg);padding:.8rem 1.4rem;border-radius:12px;z-index:30;border:1px solid var(--hairline-strong);box-shadow:0 10px 40px #00000080}.toast[hidden]{display:none}@media(max-width:48rem){.toast{inset-block-end:calc(6rem + env(safe-area-inset-bottom))}}.footer{padding:3rem 1.5rem;color:var(--muted);font-size:var(--step--1);text-align:center}@media(max-width:48rem){body:has(.mobile-cta-bar) .footer{padding-bottom:6.5rem}}.footer-legal-info{margin-top:.6rem;font-size:.72rem;line-height:1.7;color:#877e7d}.doc-body{min-height:100vh}.doc-header{max-width:48rem;margin-inline:auto;padding:1.5rem}.doc-home{display:inline-flex;align-items:center}.doc-home .brandmark{opacity:.85;height:1.1rem}.doc{max-width:48rem;margin-inline:auto;padding:.5rem 1.5rem 5rem}.doc h1{font-size:var(--step-2);margin-bottom:.4rem}.doc-eff{color:var(--muted);font-size:.9rem;margin-bottom:2rem}.doc-intro{margin-bottom:1rem}.doc-intro:last-of-type{margin-bottom:0}.doc-section{margin-top:2.25rem}.doc-section h2{font-size:var(--step-1);margin-bottom:.75rem}.doc-section p{color:var(--muted)}.doc-section p+p{margin-top:.75rem}.doc a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.doc strong{color:var(--fg);font-weight:650}.doc-back{margin-top:3rem}.doc-body .footer{max-width:48rem;margin-inline:auto}.doc-body .footer .lang-switch{justify-content:flex-start}.doc-body .footer .lang-switch a{margin-right:.9rem}
