@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
@import "https://fonts.googleapis.com/css2?family=Hahmlet:wght@500;600;700;800&display=swap";
:root{--paper:#fbf6ee;--paper-2:#f3e9da;--card:#fffdf9;--ink:#2a241e;--ink-soft:#6b5f52;--ink-faint:#9a8c7b;--accent:#dd5e3a;--accent-dk:#be4a2a;--accent-tint:#fbebe3;--gold:#c98a3c;--gold-tint:#f8eedc;--sage:#5e7355;--sage-tint:#e9efe5;--line:#e8dccb;--line-soft:#f0e7d8;--shadow-sm:0 1px 2px #4a34200d, 0 2px 8px #4a34200a;--shadow-md:0 4px 14px #4a342014, 0 2px 6px #4a34200d;--shadow-lg:0 18px 50px #4a342024, 0 6px 18px #4a342014;--shadow-accent:0 10px 26px #dd5e3a47;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;--font-display:"Hahmlet", "Pretendard Variable", Pretendard, serif;--font-body:"Pretendard Variable", Pretendard, system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--ink);background-color:var(--paper);font-family:var(--font-body);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(1100px 620px at 82% -8%,#dd5e3a0f,#0000 60%),radial-gradient(900px 540px at 6% 4%,#c98a3c0f,#0000 58%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-attachment:fixed;flex-direction:column;font-size:15px;line-height:1.65;display:flex}a{color:inherit;text-decoration:none}::selection{background:var(--accent-tint);color:var(--accent-dk)}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:920px;margin:0 auto;padding:0 clamp(14px,4vw,22px)}.card{background:var(--card);border-radius:var(--r-md);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:clamp(16px,4vw,22px) clamp(16px,5vw,26px)}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.section-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;align-items:center;gap:12px;margin-bottom:18px;font-size:clamp(18px,5vw,22px);font-weight:700;display:flex}.section-icon{background:var(--accent);color:#fff;width:clamp(26px,7vw,30px);height:clamp(26px,7vw,30px);box-shadow:var(--shadow-sm);font-size:14px;font-weight:700;font-family:var(--font-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-420px 0}to{background-position:420px 0}}@keyframes floatBlob{0%,to{transform:translate(0)scale(1)}50%{transform:translate(14px,-18px)scale(1.04)}}.reveal{opacity:0;animation:.62s cubic-bezier(.22,.7,.25,1) forwards riseIn}@media (prefers-reduced-motion:reduce){.reveal,.blob{opacity:1!important;animation:none!important}html{scroll-behavior:auto}}.skeleton{background:linear-gradient(90deg, var(--line-soft) 0%, #fcf7ee 45%, var(--line-soft) 90%);background-size:840px 100%;border-radius:8px;animation:1.4s ease-in-out infinite shimmer}@media (max-width:480px){body{background-attachment:scroll}}:root{--grad-brand:linear-gradient(118deg, #dd5e3a 0%, #e8923c 100%);--grad-brand-deep:linear-gradient(135deg, #be4a2a 0%, #dd5e3a 50%, #e8923c 100%);--grad-soft:linear-gradient(120deg, #dd5e3a1a, #e8923c1a);--ink-950:#1a130d;--r-xl:28px;--shadow-brand:0 18px 40px #dd5e3a4d}.grad-text{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.display-xl{font-family:var(--font-display);letter-spacing:-.04em;font-weight:800;line-height:1.08}@keyframes popIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.pop{animation:.45s cubic-bezier(.22,.7,.25,1) both popIn}.chip-btn{border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;align-items:center;gap:8px;min-height:48px;padding:14px 20px;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s;display:inline-flex}.chip-btn:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chip-btn:active{transform:translateY(0)scale(.98)}.btn-grad{background:var(--grad-brand);color:#fff;border-radius:var(--r-pill);font-weight:700;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-brand);border:none;transition:transform .14s,box-shadow .18s,filter .18s}.btn-grad:hover{filter:brightness(1.04);transform:translateY(-2px)}.btn-grad:active{transform:translateY(0)scale(.99)}.btn-grad:disabled{background:var(--line);color:var(--ink-faint);box-shadow:none;cursor:not-allowed}