@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--paper: #f4f3ee;--paper-sunken: #eae9e2;--paper-raised: #fbfbf8;--ink: #101312;--ink-raised: #181c1a;--ink-sunken: #0a0c0b;--lime: #c9f650;--lime-strong: #b7e62f;--blue: #2a52d1;--bg: var(--paper);--bg-raised: var(--paper-raised);--bg-sunken: var(--paper-sunken);--fg: var(--ink);--fg-2: #353b37;--fg-3: #5a605c;--line: rgba(16, 19, 18, .12);--line-2: rgba(16, 19, 18, .24);--hover: rgba(16, 19, 18, .05);--focus: var(--ink);--btn-bg: var(--ink);--btn-fg: #f6f6f1;--btn-bg-hover: #2a302c;--mark-bg: var(--ink);--mark-fg: var(--lime);--bullet: var(--ink);--accent: var(--ink);--accent-soft: rgba(16, 19, 18, .06);--accent-line: rgba(16, 19, 18, .4);--accent-tint: #cccdcb;--lime-line: rgba(201, 246, 80, .5);--header-bg: rgba(244, 243, 238, .88);--stage-live: #12784a;--stage-live-soft: rgba(18, 120, 74, .14);--stage-dev: #9a5403;--stage-dev-soft: rgba(154, 84, 3, .14);--stage-concept: #6b716d;--font-sans: "Geist Variable", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", "Segoe UI", system-ui, sans-serif;--font-mono: "Geist Mono Variable", ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: clamp(1.125rem, 1.04rem + .36vw, 1.3125rem);--text-xl: clamp(1.3125rem, 1.18rem + .58vw, 1.625rem);--text-2xl: clamp(1.625rem, 1.32rem + 1.3vw, 2.375rem);--text-3xl: clamp(2rem, 1.36rem + 2.75vw, 3.5rem);--text-display: clamp(2.75rem, 1.3rem + 6.2vw, 5.75rem);--container: 75rem;--gutter: clamp(1.25rem, .6rem + 2.8vw, 2.5rem);--section-y: clamp(4.5rem, 2.6rem + 8vw, 8.5rem);--header-h: 4rem;--r-sm: .5rem;--r-md: .75rem;--r-lg: 1.25rem;--r-xl: 1.75rem;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(16, 19, 18, .04), 0 12px 32px -18px rgba(16, 19, 18, .18);--shadow-lift: 0 2px 4px rgba(16, 19, 18, .06), 0 28px 56px -28px rgba(16, 19, 18, .5);--ease: cubic-bezier(.2, .7, .2, 1);--dur-fast: .14s;--dur: .22s;--dur-slow: .56s}[data-tone=dark]{color-scheme:dark;--bg: var(--ink);--bg-raised: var(--ink-raised);--bg-sunken: var(--ink-sunken);--fg: #f3f4ef;--fg-2: #c6cac4;--fg-3: #9a9f99;--line: rgba(243, 244, 239, .12);--line-2: rgba(243, 244, 239, .26);--hover: rgba(243, 244, 239, .07);--focus: var(--lime);--btn-bg: var(--lime);--btn-fg: var(--ink);--btn-bg-hover: #dcff7a;--mark-bg: var(--lime);--mark-fg: var(--ink);--bullet: var(--lime);--accent: var(--lime);--accent-soft: rgba(201, 246, 80, .1);--accent-line: rgba(201, 246, 80, .4);--accent-tint: #435027;--stage-live: #5fdb9a;--stage-live-soft: rgba(95, 219, 154, .14);--stage-dev: #f5b649;--stage-dev-soft: rgba(245, 182, 73, .16);--stage-concept: #9a9f99}[data-accent=meter]:not([data-tone=dark]){--accent: var(--blue);--accent-soft: rgba(42, 82, 209, .08);--accent-line: rgba(42, 82, 209, .4);--accent-tint: #c9d2ef}@media(max-width:47.9375rem){:root{--header-h: 3.75rem}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--header-h);background:var(--paper)}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;margin:0;background:var(--bg);color:var(--fg-2);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex:1;flex-direction:column}main{flex:1}main:focus,[tabindex="-1"]:focus{outline:none}[data-tone=dark]{background:var(--bg);color:var(--fg-2)}h1,h2,h3,h4{margin:0;color:var(--fg);font-weight:600;line-height:1.1;letter-spacing:-.022em;text-wrap:balance}p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}p{text-wrap:pretty}strong{color:var(--fg);font-weight:600}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}svg{display:block}:lang(ko){word-break:keep-all;line-break:strict}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:100;padding:.75rem 1rem;border-radius:var(--r-md);background:var(--ink);color:var(--paper);font-size:var(--text-sm);font-weight:550;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y)}.section--flush-top{padding-top:0}.band{padding-block:var(--section-y)}.icon{flex:none}.eyebrow{display:inline-flex;align-items:center;gap:.625rem;color:var(--fg-3);font:500 var(--text-xs) / 1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";flex:none;width:.5rem;height:.5rem;background:var(--bullet)}.lead{color:var(--fg-2);font-size:var(--text-lg);line-height:1.55}.caption{color:var(--fg-3);font:400 var(--text-xs) / 1.5 var(--font-mono);letter-spacing:.01em}.link{color:var(--fg);text-decoration:underline;text-decoration-color:var(--line-2);text-decoration-thickness:1px;text-underline-offset:.25em;transition:text-decoration-color var(--dur-fast) var(--ease)}.link:hover{text-decoration-color:currentColor}.marker{display:inline-block;margin-inline:-.04em;padding:.03em .13em;border-radius:.1em;background:var(--lime);color:var(--ink);line-height:1}.stretched:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.raised{position:relative;z-index:2}.section-head{display:grid;gap:1.25rem;max-width:46rem;margin-bottom:clamp(2.5rem,1.6rem + 3.6vw,4.5rem)}.section-head__title{font-size:var(--text-3xl);letter-spacing:-.032em;line-height:1.04}.section-head--sm .section-head__title{font-size:var(--text-2xl);letter-spacing:-.026em;line-height:1.1}.section-head .lead{max-width:38rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3rem;padding:.5rem 1.25rem;border:1px solid transparent;border-radius:var(--r-md);font-size:.9375rem;font-weight:550;line-height:1.25;letter-spacing:-.006em;text-align:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:active{transform:scale(.97)}.btn .icon{transition:transform var(--dur) var(--ease)}.btn:hover .icon--arrow-right{transform:translate(3px)}.btn:hover .icon--arrow-up-right{transform:translate(2px,-2px)}.btn--primary{background:var(--btn-bg);color:var(--btn-fg)}.btn--primary:hover{background:var(--btn-bg-hover)}.btn--secondary{border-color:var(--line-2);background:transparent;color:var(--fg)}.btn--secondary:hover{border-color:var(--fg);background:var(--hover)}.btn--sm{min-height:2.5rem;padding:.375rem 1rem;font-size:var(--text-sm)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}@media(max-width:29.9375rem){.actions .btn{flex:1 1 100%}}@media(max-width:47.9375rem){.btn--sm{min-height:2.75rem}}.status{--_c: var(--stage-concept);display:inline-flex;align-items:center;gap:.5rem;min-height:1.75rem;padding:.25rem .75rem .25rem .625rem;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--bg-raised);color:var(--fg);font:500 var(--text-xs) / 1.2 var(--font-mono);letter-spacing:.01em;white-space:nowrap}.status--sm{min-height:1.5rem;padding:.125rem .625rem .125rem .5rem}.status__dot{flex:none;width:.5625rem;height:.5625rem;border:1.5px solid var(--_c);border-radius:50%;background:var(--_c)}.status[data-stage=live]{--_c: var(--stage-live)}.status[data-stage=development]{--_c: var(--stage-dev)}.status[data-stage=development] .status__dot{background:linear-gradient(90deg,var(--_c) 50%,transparent 50%)}.status[data-stage=concept] .status__dot{background:transparent}.status[data-stage=live] .status__dot{box-shadow:0 0 0 .1875rem var(--stage-live-soft)}.app-icon{--_size: 3.5rem;display:grid;flex:none;place-items:center;width:var(--_size);height:var(--_size);border-radius:26%;background:var(--_tile, linear-gradient(155deg, #2b322e 0%, #0a0c0b 72%));box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff1a,0 1px 2px #10131229,0 10px 18px -10px #10131280;color:var(--lime)}.app-icon>svg:not(.icon){display:block;width:100%;height:100%}.app-icon--sm{--_size: 2.75rem}.app-icon--lg{--_size: clamp(4rem, 3.4rem + 2vw, 5rem)}.app-icon[data-app=electricity-meter-tracker]{--_tile: linear-gradient(155deg, #5380f7 0%, #2a52d1 55%, #1d3a9c 100%)}.app-icon[data-app=daily-fortune]{--_tile: radial-gradient(120% 120% at 78% 8%, #8a67ea 0%, #4a2fa8 42%, #1c1250 100%)}.app-icon[data-sketch]{border:1.5px dashed color-mix(in srgb,currentColor 55%,transparent);background:var(--_tint, var(--paper));box-shadow:none;color:var(--_ink, #5a605c)}.app-icon[data-app=trip-cost-calculator]{--_tint: #f8eae2;--_ink: #a53f1e}.app-icon[data-app=content-idea-generator]{--_tint: #e2f1ec;--_ink: #0d6656}.tags{display:flex;flex-wrap:wrap;gap:.375rem}.tags li{padding:.1875rem .5rem;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--fg-2);font:500 var(--text-xs) / 1.4 var(--font-mono)}.checklist{display:grid;gap:.75rem}.checklist li{display:grid;grid-template-columns:1.25rem 1fr;gap:.75rem;align-items:start;line-height:1.5}.checklist .icon{margin-top:.125rem;color:var(--accent)}.checklist strong{display:block}.checklist span{color:var(--fg-3);font-size:.9375rem}@media(prefers-reduced-motion:no-preference){main{animation:page-in .32s var(--ease)}main[data-animated] [data-reveal]{opacity:0}main[data-animated] [data-reveal][data-revealed]{opacity:1;animation:reveal var(--dur-slow) var(--ease) backwards;animation-delay:calc(var(--reveal-order, 0) * 70ms)}main[data-instant],main[data-instant] [data-reveal]{opacity:1;animation:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes page-in{0%{opacity:0}}@keyframes reveal{0%{opacity:0;transform:translateY(.875rem)}}@media print{[data-reveal]{opacity:1!important}}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:var(--paper)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.site-header{background:var(--header-bg);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}}.site-header__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--header-h)}.brand{display:inline-flex;align-items:center;min-height:2.75rem}.logo{display:inline-flex;align-items:center;gap:.625rem}.logo__word{color:var(--fg);font-size:1.0625rem;font-weight:600;letter-spacing:-.022em;line-height:1;white-space:nowrap}.logo__word-sub{color:var(--fg-3);font-weight:500}.site-nav{position:relative;display:flex;align-items:center;gap:.25rem}.site-nav__link{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .875rem;color:var(--fg-2);font-size:.9375rem;font-weight:500;transition:color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.site-nav__link:before{content:"";position:absolute;top:.125rem;right:0;bottom:.125rem;left:0;z-index:-1;border-radius:var(--r-md);transition:background-color var(--dur-fast) var(--ease)}.site-nav__link:hover,.site-nav__link[aria-current]{color:var(--fg)}.site-nav__link:hover:before{background:var(--hover)}.site-nav__link:active{transform:scale(.96)}.site-nav__link:active:before{background:var(--line)}.site-nav__pill,.site-nav:not([data-pill]) .site-nav__link[aria-current]:before{border:1px solid var(--line);background:var(--paper-raised);box-shadow:var(--shadow-card)}.site-nav__pill{position:absolute;top:50%;left:0;width:var(--pill-w, 0);height:2.5rem;margin-top:-1.25rem;border-radius:var(--r-md);opacity:0;pointer-events:none;transform:translate(var(--pill-x, 0));transition:opacity var(--dur) var(--ease)}.site-nav[data-pill] .site-nav__pill{opacity:1;transition:opacity var(--dur) var(--ease),transform .32s var(--ease),width .32s var(--ease)}.site-nav .btn{margin-left:.5rem}.site-nav .btn[aria-current]{background:var(--lime);color:var(--ink)}.site-nav .btn[aria-current]:hover{background:var(--lime-strong)}.menu-toggle{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--line-2);border-radius:var(--r-md);background:transparent;color:var(--fg);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.menu-toggle:hover{background:var(--hover)}.menu-toggle:active{background:var(--line);transform:scale(.94)}.menu-toggle[aria-expanded=true] .menu-toggle__open,.menu-toggle[aria-expanded=false] .menu-toggle__close{display:none}.site-menu{position:absolute;top:100%;right:0;left:0;max-height:calc(100vh - var(--header-h));max-height:calc(100dvh - var(--header-h));overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--line);background:var(--paper);box-shadow:0 28px 40px -28px #1013124d}.site-menu[hidden]{display:none}.site-menu__inner{padding-top:.25rem;padding-bottom:1.5rem}.site-menu__link{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;border-bottom:1px solid var(--line);color:var(--fg);font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.site-menu__link .icon{color:var(--fg-3);transition:transform var(--dur) var(--ease)}.site-menu__label{display:inline-flex;align-items:center;gap:.625rem}.site-menu__link[aria-current] .site-menu__label:before{content:"";flex:none;width:.5rem;height:.5rem;background:var(--bullet)}.site-menu__link[aria-current] .icon{color:var(--fg)}.site-menu__link:active,.site-menu__product:active{background:var(--hover);box-shadow:0 0 0 100vmax var(--hover);clip-path:inset(0 -100vmax)}.site-menu__link:active .icon{transform:translate(3px)}.site-menu__products{padding-block:.375rem;border-bottom:1px solid var(--line)}.site-menu__product{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .75rem;min-height:3rem;padding-block:.375rem;color:var(--fg-2);font-weight:500}.site-menu__foot{display:grid;margin-top:1.25rem}@media(prefers-reduced-motion:no-preference){.site-menu:not([hidden]){animation:menu-in .18s var(--ease)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-.375rem)}}@media(max-width:47.9375rem){.site-header:not([data-menu-ready]){position:static}.site-header:not([data-menu-ready]) .site-header__bar{height:auto;min-height:var(--header-h);flex-wrap:wrap;padding-block:.75rem}.site-header:not([data-menu-ready]) .site-nav{width:100%;flex-wrap:wrap}.site-header[data-menu-ready] .site-nav{display:none}.site-header[data-menu-ready] .menu-toggle{display:inline-flex}}@media(min-width:48rem){.site-menu{display:none}}.site-footer{padding-block:clamp(3rem,2rem + 4vw,4.5rem) 2rem;border-top:1px solid var(--line)}.site-footer__top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:2.5rem 2rem}.site-footer__tagline{max-width:21rem;margin-top:1rem;color:var(--fg-3);font-size:.9375rem;line-height:1.55}.site-footer__heading{margin-bottom:.75rem;color:var(--fg-3);font:500 var(--text-xs) / 1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.site-footer__list{display:grid;justify-items:start}.site-footer__list a{display:inline-flex;align-items:center;min-height:2.25rem;color:var(--fg-2);font-size:.9375rem;line-height:1.35;transition:color var(--dur-fast) var(--ease)}.site-footer__list a:hover{color:var(--fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:clamp(2.5rem,2rem + 2vw,3.5rem);padding-top:1.5rem;border-top:1px solid var(--line);color:var(--fg-3);font:400 var(--text-xs) / 1.6 var(--font-mono)}.site-footer__legal{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}.site-footer__legal a{display:inline-flex;align-items:center;gap:.5rem;min-height:1.5rem;color:var(--fg-2);transition:color var(--dur-fast) var(--ease)}.site-footer__legal a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:.25em}.site-footer__legal [lang=ko]{color:var(--fg-3);font-family:var(--font-sans)}@media(max-width:59.9375rem){.site-footer__top{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer__brand{grid-column:1 / -1}}@media(max-width:39.9375rem){.site-footer__top{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__list a,.site-footer__legal a{min-height:2.75rem}}