:root{--canvas:#0f1213;--surface:#232829;--sunk:#151819;--ink-strong:#e8ecee;--ink:#e8ecee;--ink-soft:#adb4b7;--ink-faint:#949b9e;--accent:#60c5d8;--accent-soft:#1d3a3f;--cta-bg:#60c5d8;--cta-fg:#0f1213;--lead-bg:#272c2d;--border:#2e3436;--border-strong:#3f464a;--radius-card:14px;--radius-btn:9px;--dark-bg:#1a1e20;--glow:#60c5d838;--blueprint-ink:#ffffff0f;--blueprint-lit:#60c5d81f;--grid:56px;--max-w:1200px;--header-h:48px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-family:IBM Plex Sans KR,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,Segoe UI,system-ui,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 42% at 18% 12%,#60c5d847,#0000 62%),radial-gradient(70% 50% at 12% 0,#60c5d824,#0000 60%),radial-gradient(60% 45% at 88% 18%,#8aa9cf1a,#0000 62%),radial-gradient(55% 45% at 88% 86%,#60c5d81f,#0000 62%),radial-gradient(90% 60% at 50% 105%,#60c5d814,#0000 70%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--blueprint-ink) 1px, transparent 1px), linear-gradient(90deg, var(--blueprint-ink) 1px, transparent 1px);background-size:var(--grid) var(--grid);position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 10%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 0,#000 10%,#0000 70%)}.grid-flow{z-index:-1;pointer-events:none;background-image:linear-gradient(115deg, transparent 40%, var(--blueprint-lit) 50%, transparent 60%);will-change:transform;width:220%;height:220%;animation:16s linear infinite grid-flow;position:fixed;top:-60%;left:-60%}@keyframes grid-flow{0%{transform:translate(45%,45%)}to{transform:translate(-45%,-45%)}}::selection{background:var(--accent);color:var(--canvas)}body{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20d%3D%22M14%203v8M14%2017v8M3%2014h8M17%2014h8%22%20stroke%3D%22%2360c5d8%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%221.6%22%20fill%3D%22%2360c5d8%22%2F%3E%3C%2Fsvg%3E) 14 14,auto}a{color:inherit;cursor:pointer;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{cursor:auto}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.typed-ch{opacity:1!important;animation:none!important;transform:none!important}.caret{opacity:1!important;animation:none!important}.grid-flow{animation:none;transform:translate(8%,8%)}}.site-header{z-index:100;height:var(--header-h);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.site-header:before{content:"";pointer-events:none;background:linear-gradient(180deg, var(--canvas) 0%, #0f121300 100%);-webkit-backdrop-filter:blur(14px)saturate(1.4);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.header-inner{justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 20px;display:flex;position:relative}.logo{color:var(--ink-strong);align-items:center;display:inline-flex}.logo svg{display:block}.header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.btn{border-radius:var(--radius-btn);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:13px 28px;font-size:16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--cta-bg);color:var(--cta-fg)}.btn-primary:hover{opacity:.85}.btn-ghost{color:var(--ink);border-color:var(--border-strong);background:0 0}.btn-ghost:hover{border-color:var(--ink-soft);background:#ffffff0f}.btn-sm{gap:7px;height:32px;padding:0 14px;font-size:13.5px}.btn svg{flex-shrink:0;transform:translateY(-1px)}.hero{padding:calc(var(--header-h) + 60px) 0 0;text-align:left;position:relative}.hero>.container{z-index:1;position:relative}.cursor-orbit{z-index:-1;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.typed-ch{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards typed;animation-delay:calc(var(--i) * 38ms + .12s);display:inline-block;transform:translateY(.3em)}@keyframes typed{to{opacity:1;transform:none}}.caret{vertical-align:-.06em;background:var(--accent);opacity:0;width:.075em;height:.86em;animation:1.05s step-end infinite caret-blink;animation-delay:calc(var(--n) * 38ms + .62s);margin-left:.16em;display:inline-block}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.hero h1{letter-spacing:-1.2px;color:var(--ink-strong);font-size:clamp(32px,5vw,46px);font-weight:500;line-height:1.35}.hero .sub{color:var(--ink-soft);margin-top:20px;font-size:18px;line-height:1.6}.hero .sub strong{color:var(--accent);font-weight:600}.hero-demo{margin-top:64px}.demo-window{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);text-align:left;width:100%;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 0 90px 6px #60c5d833,0 40px 90px -40px #0009}.demo-titlebar{background:var(--dark-bg);align-items:center;gap:6px;padding:8px 12px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot:first-child{background:#ff5c60}.dot:nth-child(2){background:#fac800}.dot:nth-child(3){background:#35c759}.demo-viewport{aspect-ratio:1440/780;background:var(--sunk);width:100%;position:relative;overflow:hidden}.demo-viewport iframe{transform-origin:0 0;width:1440px;height:780px;transform:scale(var(--demo-scale,.722));border:0;position:absolute;top:0;left:0}section.block{padding:100px 0}.section-eyebrow{color:var(--accent);letter-spacing:.02em;font-size:14px;font-weight:600}h2.section-title{letter-spacing:-.8px;color:var(--ink-strong);margin-top:12px;font-size:clamp(26px,3.4vw,36px);font-weight:400;line-height:1.4}.section-head{text-align:left;margin-bottom:64px}.problem{text-align:center}section.block.problem{padding-top:200px}.quote-eyebrow{margin-bottom:18px;display:block}.quote{letter-spacing:-1px;color:var(--ink-faint);font-size:clamp(24px,3.6vw,38px);font-weight:500;line-height:1.5}.quote em{color:var(--ink-strong);font-style:normal}.pain-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px;display:grid}.pain-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 0 60px -28px var(--glow), 0 16px 40px -28px #00000080;padding:12px 12px 28px}.pain-card>:not(.pain-thumb){margin-left:16px;margin-right:16px}.pain-thumb{background:var(--lead-bg);border-radius:11px 11px 6px 6px;height:170px;margin-bottom:20px;position:relative;overflow:hidden}.scene{place-items:center;display:grid;position:absolute;inset:0}.glyph{width:76%;max-width:196px;height:auto}.g-line{fill:none;stroke:var(--ink-faint);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.g-thin{stroke-width:2px;opacity:.72}.g-dot{fill:var(--border-strong)}.g-panel{fill:var(--lead-bg);stroke:none}.g-ink{fill:var(--ink-faint)}.g-accent,.g-accent-lg{fill:var(--accent)}.g-maze-run{animation:6s ease-in-out infinite maze-run}@keyframes maze-run{0%,8%{transform:translate(0)}20%{transform:translate(36px)}28%{transform:translate(36px,-16px)}42%{transform:translate(68px,-16px)}47%{transform:translate(60px,-16px)}58%{transform:translate(36px,-16px)}66%{transform:translate(36px)}78%,to{transform:translate(0)}}.g-scribble{stroke-dasharray:5 4;animation:9s linear infinite drift}@keyframes drift{to{stroke-dashoffset:-36px}}.g-term{transform-box:fill-box;transform-origin:50%;opacity:0;animation:5.4s ease-in-out infinite pop;animation-delay:var(--reveal-delay,0s)}@keyframes pop{0%{opacity:0;transform:scale(.55)}7%{opacity:1;transform:scale(1.14)}12%{transform:scale(.97)}17%{transform:scale(1)}68%{opacity:1;transform:scale(1)}78%,to{opacity:0;transform:scale(.94)}}.g-term-chip{fill:var(--sunk);stroke:var(--border-strong);stroke-width:1.8px}.g-term-text{fill:var(--ink-soft);text-anchor:middle;letter-spacing:-.2px;font-family:inherit;font-size:13.5px;font-weight:600}.g-hop-x{animation:5.2s linear infinite hop-x}@keyframes hop-x{0%,8%{transform:translate(0)}20%{transform:translate(28px)}32%{transform:translate(56px)}42%{transform:translate(63px)}47%{transform:translate(56px)}55%{transform:translate(28px)}64%,to{transform:translate(0)}}.g-hop-y{animation:5.2s infinite hop-y}@keyframes hop-y{0%,8%{animation-timing-function:ease-out;transform:translateY(0)}14%{animation-timing-function:ease-in;transform:translateY(-38px)}20%{animation-timing-function:ease-out;transform:translateY(-22px)}26%{animation-timing-function:ease-in;transform:translateY(-60px)}32%{animation-timing-function:ease-out;transform:translateY(-44px)}37%{animation-timing-function:ease-in;transform:translateY(-56px)}42%{animation-timing-function:ease-in;transform:translateY(-48px)}47%{animation-timing-function:ease-out;transform:translateY(-44px)}50%{animation-timing-function:ease-in;transform:translateY(-50px)}55%{animation-timing-function:ease-out;transform:translateY(-22px)}58%{animation-timing-function:ease-in;transform:translateY(-29px)}64%{animation-timing-function:ease-out;transform:translateY(0)}67%{animation-timing-function:ease-in;transform:translateY(-8px)}71%,to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.g-maze-run,.g-scribble,.g-hop-x,.g-hop-y{animation:none}.g-term{opacity:1;animation:none}}.pain-card h3{color:var(--ink-strong);letter-spacing:-.4px;font-size:18px;font-weight:600}.pain-card p{color:var(--ink-soft);margin-top:8px;font-size:14.5px;line-height:1.7}.solve-card{max-width:880px;box-shadow:none;background:0 0;border:0;margin:104px auto 0;padding:0}.solve-card:before{content:"✦";background:var(--accent);width:44px;height:44px;color:var(--cta-fg);box-shadow:0 0 28px -4px var(--glow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:24px;animation:1.22s infinite spin-twice;display:inline-flex}@keyframes spin-twice{0%{animation-timing-function:ease-out;transform:rotate(0)}25%{transform:rotate(90deg)}34%{animation-timing-function:ease-out;transform:rotate(90deg)}59%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.solve-card:before{animation:none}}.solve-card .card-label{color:var(--accent);margin-bottom:16px;font-size:16px;font-weight:600;display:block}.solve-card p{letter-spacing:-.6px;color:var(--ink-strong);font-size:clamp(21px,2.4vw,29px);font-weight:500;line-height:1.6}.solve-card p strong{color:var(--accent);font-weight:600}.tools-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:10px;min-height:104px;padding:20px;transition:border-color .3s,transform .3s cubic-bezier(.22,1,.36,1);display:flex}.tool-card:hover{border-color:var(--accent);transform:translateY(-3px)}.tool-ko{color:var(--ink);font-size:15px;line-height:1.6}.tool-en{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--ink-faint);letter-spacing:-.01em;margin-top:auto;font-size:12px}.tools-lead{color:var(--ink-soft);margin-top:16px;font-size:16px;line-height:1.7}.tools-lead strong{color:var(--ink-strong);font-weight:600}.usecase-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.usecase-card{background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:0 0 60px -28px var(--glow), 0 16px 40px -28px #00000080;padding:12px 12px 28px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.usecase-card:hover{box-shadow:0 0 70px -22px var(--glow), 0 28px 56px -24px #0000008c;transform:translateY(-6px)rotate(-.4deg)}.usecase-card>:not(.usecase-thumb){margin-left:16px;margin-right:16px}.usecase-thumb{background:var(--lead-bg);border-radius:11px 11px 6px 6px;height:170px;margin-bottom:20px;position:relative;overflow:hidden}.g-accent-stroke{fill:none;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.g-accent-fill{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2px}.g-tick{fill:none;stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14px;animation:5s ease-out infinite tick;animation-delay:var(--reveal-delay,0s)}@keyframes tick{0%,4%{stroke-dashoffset:14px}14%{stroke-dashoffset:0}82%{stroke-dashoffset:0}90%,to{stroke-dashoffset:14px}}.g-refresh{transform-box:fill-box;transform-origin:50%;animation:2.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.g-icon{stroke-width:2.8px}.g-rise{animation:5s ease-out infinite rise}@keyframes rise{0%,6%{opacity:0;transform:translateY(14px)}20%,84%{opacity:1;transform:translateY(0)}94%,to{opacity:0;transform:translateY(14px)}}.g-coin{transform-box:fill-box;transform-origin:50%;animation:5s ease-out infinite coin}@keyframes coin{0%,26%{opacity:0;transform:scale(.4)}36%{opacity:1;transform:scale(1.12)}42%,84%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(.4)}}.g-coin-mark{fill:var(--accent);text-anchor:middle;font-family:inherit;font-size:14px;font-weight:700}.g-write{stroke-dasharray:80;stroke-dashoffset:80px;animation:5s ease-out infinite write;animation-delay:var(--reveal-delay,0s)}@keyframes write{0%,4%{stroke-dashoffset:80px}20%{stroke-dashoffset:0}84%{stroke-dashoffset:0}92%,to{stroke-dashoffset:80px}}.g-publish{transform-box:fill-box;transform-origin:50%;animation:5s ease-out 1.1s infinite coin}.g-check-on-fill{fill:none;stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.g-tile{opacity:.35;transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite tile;animation-delay:var(--reveal-delay,0s)}@keyframes tile{0%,10%{opacity:.35;transform:none}22%,62%{opacity:1;transform:scale(1.06)}76%,to{opacity:.35;transform:none}}.g-pulse{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out 1s infinite pulse}@keyframes pulse{0%,24%{opacity:.5;transform:scale(.97)}40%,72%{opacity:1;transform:scale(1)}88%,to{opacity:.5;transform:scale(.97)}}.g-stack{opacity:0;transform-box:fill-box;transform-origin:50%;animation:5.4s ease-out infinite stack;animation-delay:var(--reveal-delay,0s)}@keyframes stack{0%,6%{opacity:0;transform:translateY(-10px)}18%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.g-tick,.g-write{stroke-dashoffset:0;animation:none}.g-refresh,.g-rise,.g-coin,.g-publish,.g-tile,.g-pulse,.g-stack{opacity:1;animation:none;transform:none}}.usecase-tag{color:var(--accent);background:var(--accent-soft);border-radius:99px;margin-bottom:12px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.usecase-card h3{color:var(--ink-strong);letter-spacing:-.4px;font-size:18px;font-weight:600}.usecase-card p{color:var(--ink-soft);margin-top:8px;font-size:14.5px;line-height:1.65}.features{padding:40px 0 0}.hscroll{position:relative}.hscroll-stage{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.hscroll-stage .section-head{width:100%;max-width:var(--max-w);margin:0 auto 48px;padding:0 24px}.hscroll-track{will-change:transform;gap:24px;transition:transform .55s cubic-bezier(.22,1,.36,1);display:flex}.fcard{opacity:.3;filter:blur(2px);background:linear-gradient(180deg, var(--lead-bg), var(--surface));border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 0 80px -34px var(--glow), 0 28px 56px -28px #00000080;flex:0 0 min(860px,70vw);grid-template-columns:.95fr 1.05fr;gap:28px;min-height:420px;padding:22px;transition:opacity .5s,filter .5s,transform .5s;display:grid;position:relative;transform:scale(.96)}.fcard.is-active{opacity:1;filter:none;transform:none}.feature-visual{background:var(--lead-bg);aspect-ratio:380/512;border-radius:11px;align-self:center;width:100%;position:relative;overflow:hidden}.feature-visual iframe{transform-origin:0 0;width:380px;height:512px;transform:scale(var(--frame-scale,.52));pointer-events:none;border:0;position:absolute;top:0;left:0}.feature-copy{flex-direction:column;justify-content:center;padding:16px 16px 16px 4px;display:flex}.feature-num{color:var(--ink-soft);font-size:14.5px;font-weight:600}.feature-num b{color:var(--accent);margin-right:8px;font-weight:700}.feature-copy h3{letter-spacing:-.8px;color:var(--ink-strong);margin-top:14px;font-size:clamp(20px,2.2vw,26px);font-weight:600;line-height:1.4}.feature-copy .desc{color:var(--ink-soft);margin-top:14px;font-size:15px;line-height:1.7}.checklist{flex-direction:column;gap:12px;margin-top:22px;list-style:none;display:flex}.checklist li{color:var(--ink);gap:10px;font-size:15px;line-height:1.5;display:flex}.checklist li:before{content:"✓";color:var(--accent);flex-shrink:0;font-weight:700}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{border:0;border-bottom:1px solid var(--border-strong);background:0 0;border-radius:0;overflow:hidden}.faq-item:first-child{border-top:1px solid var(--border-strong)}.faq-q{width:100%;color:var(--ink-strong);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:24px 8px;font-size:16.5px;font-weight:500;transition:padding-left .25s;display:flex}.faq-item.open .faq-q,.faq-q:hover{padding-left:16px}.faq-q .q-mark{color:var(--ink-faint);margin-right:8px;font-weight:600}.faq-q .icon{color:var(--ink-faint);flex-shrink:0;font-size:20px;transition:transform .3s}.faq-item.open .icon{transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.faq-a-inner{color:var(--ink-soft);border-left:2px solid var(--accent);margin:0 0 20px 16px;padding:2px 0 2px 16px;font-size:15px;line-height:1.75}.footer-cta{background:var(--dark-bg);color:var(--ink-strong);text-align:center;padding:120px 24px;position:relative;overflow:hidden}.blueprint{pointer-events:none;background-image:linear-gradient(var(--blueprint-ink) 1px, transparent 1px), linear-gradient(90deg, var(--blueprint-ink) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 90%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 90%,#000 30%,#0000 75%)}.blueprint:after{content:"";border:1.5px dashed #ffffff24;border-radius:50%;width:520px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footer-cta h2{letter-spacing:-1px;font-size:clamp(28px,4vw,42px);font-weight:500;position:relative}.footer-cta .cta-row{justify-content:center;margin-top:36px;display:flex;position:relative}.btn-white{background:var(--cta-bg);color:var(--cta-fg)}.btn-white:hover{opacity:.85}.site-footer{background:var(--dark-bg);color:var(--ink-faint);padding:0 24px 40px}.footer-inner{max-width:var(--max-w);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding-top:32px;font-size:14px;display:flex}.site-footer .logo{color:var(--ink-strong)}.copyright{color:var(--ink-faint);margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){.hscroll{height:auto!important}.hscroll-stage{height:auto;display:block;position:static;overflow:visible}.hscroll-track{flex-direction:column;transition:none;transform:none!important}.fcard{opacity:1;filter:none;flex:none;width:100%;transform:none}}@media (max-width:900px){.usecase-grid,.pain-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}.hscroll{height:auto!important}.hscroll-stage{height:auto;display:block;position:static;overflow:visible}.hscroll-track{flex-direction:column;padding:0 24px;transition:none;transform:none!important}.fcard{opacity:1;filter:none;flex:none;grid-template-columns:1fr;width:100%;min-height:auto;transform:none}.feature-visual{min-height:220px}.footer-inner{flex-direction:column;align-items:flex-start;gap:16px}section.block{padding:60px 0}section.block.problem{padding-top:96px}}@media (max-width:560px){.tools-grid{grid-template-columns:1fr}}