.landing{display:flex;flex-direction:column;min-height:100vh}.l-nav{position:sticky;top:0;z-index:200;height:var(--nav-height);background:#ffffffd9;backdrop-filter:saturate(1.8) blur(16px);-webkit-backdrop-filter:saturate(1.8) blur(16px);border-bottom:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);transition:box-shadow .2s}.l-nav.scrolled{box-shadow:var(--shadow-3)}[data-theme=dark] .l-nav{background:#0a0a0ae0}.l-logo{font-size:18px;font-weight:600;color:var(--color-ink);letter-spacing:-.03em}.l-nav-links{display:flex;align-items:center;gap:var(--space-sm)}.l-nav-link{font-size:14px;font-weight:400;letter-spacing:-.01em;color:var(--color-body);text-decoration:none;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-full);white-space:nowrap;transition:color .15s,background .15s}.l-nav-link:hover{color:var(--color-ink);background:var(--color-canvas-soft)}.l-lang-toggle{background:transparent;border:1px solid var(--color-hairline);border-radius:var(--radius-full);color:var(--color-body);font-size:12px;font-weight:500;padding:4px 12px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.l-lang-toggle:hover{border-color:var(--color-hairline-strong);color:var(--color-ink);background:var(--color-canvas-soft)}.l-tile{width:100%;padding:var(--space-5xl) var(--space-lg)}.l-tile-white{background:var(--color-canvas)}.l-tile-parchment{background:var(--color-canvas-soft)}.l-tile-dark{background:#171717}[data-theme=dark] .l-tile-dark{background:#0d0d0d}.l-tile-dark .l-title-on-dark,.l-tile-dark .l-step-title{color:#fff}.l-tile-dark .l-section-label{color:#ffffff73}.l-tile-dark .l-step-number{color:#ffffff1f}.l-tile-dark .l-step-desc{color:#ffffff8c}.l-tile-inner{max-width:1040px;margin:0 auto;width:100%}.l-hero{position:relative;overflow:hidden;padding-top:120px;padding-bottom:120px}.l-hero-mesh{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 15% 55%,rgba(0,124,240,.14),transparent),radial-gradient(ellipse 45% 38% at 82% 28%,rgba(121,40,202,.11),transparent),radial-gradient(ellipse 42% 42% at 48% 0%,rgba(0,223,216,.12),transparent),radial-gradient(ellipse 40% 40% at 78% 72%,rgba(255,0,128,.09),transparent),radial-gradient(ellipse 35% 35% at 5% 5%,rgba(249,203,40,.07),transparent);animation:meshDrift 18s ease-in-out infinite alternate}@keyframes meshDrift{0%{transform:translate(0) scale(1)}25%{transform:translate(-2%,3%) scale(1.04)}50%{transform:translate(3%,-2%) scale(.97)}75%{transform:translate(-1%,-3%) scale(1.02)}to{transform:translate(2%,2%) scale(1)}}.l-hero .l-tile-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.l-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-full);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);color:var(--color-body);font-size:12px;font-weight:500;letter-spacing:0;font-family:var(--font-mono);margin-bottom:var(--space-xl);box-shadow:var(--shadow-2);animation:fadeUp .5s ease both}.l-hero-title{font-size:56px;font-weight:600;line-height:1.06;letter-spacing:-.05em;color:var(--color-ink);margin-bottom:var(--space-lg);animation:fadeUp .55s .08s ease both}.l-hero-accent{background:linear-gradient(90deg,var(--grad-develop-start),var(--grad-develop-end) 30%,var(--grad-preview-start) 60%,var(--grad-preview-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.l-hero-sub{font-size:20px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--color-body);max-width:540px;margin-bottom:var(--space-3xl);animation:fadeUp .55s .16s ease both}.l-hero-cta{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;animation:fadeUp .55s .24s ease both}.l-section-label{font-size:12px;font-weight:500;letter-spacing:0;color:var(--color-mute);margin-bottom:var(--space-sm);font-family:var(--font-mono)}.l-label-on-dark{color:#ffffff80}.l-section-title{font-size:40px;font-weight:600;line-height:1.1;letter-spacing:-.04em;color:var(--color-ink);margin-bottom:var(--space-3xl);max-width:540px}.l-title-on-dark{color:#fff}.l-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.l-feature-card{background:var(--color-canvas);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-3);position:relative;overflow:hidden;opacity:0;animation:fadeUp .55s ease both;transition:transform .2s ease,box-shadow .2s ease}.l-feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-4)}.l-feature-card:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-120%);transition:transform .55s ease}.l-feature-card:hover:after{transform:translate(220%)}.l-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--grad-develop-start),var(--grad-preview-end));opacity:0;transition:opacity .2s}.l-feature-card:hover:before{opacity:1}.l-feature-title{font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-xs);color:var(--color-ink)}.l-feature-desc{font-size:14px;line-height:1.5;color:var(--color-body)}.l-steps{display:flex;flex-direction:column}.l-step{display:flex;gap:var(--space-xl);padding:var(--space-xl) 0;border-bottom:1px solid rgba(255,255,255,.07);transition:opacity .2s}.l-step:last-child{border-bottom:none}.l-step:hover{opacity:.9}.l-step-number{font-size:36px;font-weight:600;line-height:1;letter-spacing:-.04em;color:#ffffff1f;min-width:56px;padding-top:2px;font-variant-numeric:tabular-nums}.l-step-title{font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#fff;margin-bottom:8px}.l-step-desc{font-size:16px;line-height:1.5;color:#ffffff8c}.l-cta-tile{padding-top:var(--space-5xl);padding-bottom:var(--space-5xl)}.l-cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.l-cta-title{font-size:40px;font-weight:600;line-height:1.1;letter-spacing:-.04em;color:var(--color-ink);max-width:540px}.l-cta-sub{font-size:18px;font-weight:400;letter-spacing:-.01em;color:var(--color-body)}.l-footer{background:var(--color-canvas);border-top:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-lg)}.l-footer-brand{display:flex;align-items:center;gap:8px}.l-footer-logo{font-size:16px;color:var(--color-ink)}.l-footer-divider{width:1px;height:12px;background:var(--color-hairline-strong, var(--color-hairline))}.l-footer-privacy{font-size:12px;color:var(--color-mute);text-decoration:none}.l-footer-privacy:hover{color:var(--color-ink)}.l-footer-copy{font-size:12px;color:var(--color-mute);font-family:var(--font-mono)}.l-showcase{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.l-showcase-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-3xl);align-items:center}.l-showcase-inner.reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.l-showcase-inner.reverse .l-showcase-copy{order:2}.l-showcase-inner.reverse .l-showcase-art{order:1}.l-showcase-copy .l-section-title{margin-bottom:var(--space-md)}.l-showcase-desc{font-size:17px;line-height:1.55;color:var(--color-body);max-width:460px}.l-showcase-link{margin-top:var(--space-lg)}.l-showcase-art{display:flex;justify-content:center;align-items:center;min-width:0;overflow:hidden}.l-mock{width:100%;max-width:640px;min-width:0;border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-5);overflow:hidden;border:1px solid var(--color-hairline);font-size:13px;color:var(--color-ink);animation:fadeUp .7s ease both}.l-mock-topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--color-canvas-soft);border-bottom:1px solid var(--color-hairline)}.l-mock-dot{width:11px;height:11px;border-radius:50%;background:#ff5f56;display:inline-block}.l-mock-url{margin-left:10px;font-family:var(--font-mono);font-size:11px;color:var(--color-mute);letter-spacing:-.01em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-mock-body{display:grid;grid-template-columns:150px 1fr;min-height:320px}.l-mock-side{border-right:1px solid var(--color-hairline);background:var(--color-canvas-soft);padding:14px 10px;display:flex;flex-direction:column;gap:4px}.l-mock-side-logo{padding:2px 4px 14px}.l-mock-side-item{font-size:12.5px;padding:6px 8px;border-radius:var(--radius-sm);color:var(--color-body)}.l-mock-side-item.active{background:var(--color-canvas);color:var(--color-ink);font-weight:500;box-shadow:var(--shadow-2)}.l-mock-content{padding:20px 22px}.l-mock-h1{font-size:18px;font-weight:600;letter-spacing:-.02em}.l-mock-h-sub{font-size:12px;color:var(--color-mute);font-family:var(--font-mono);margin-top:2px;margin-bottom:16px}.l-mock-tabs{display:flex;gap:18px;font-size:12.5px;color:var(--color-mute);border-bottom:1px solid var(--color-hairline);padding-bottom:8px}.l-mock-tabs .active{color:var(--color-ink);position:relative}.l-mock-tabs .active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--color-ink)}.l-mock-rows{display:flex;flex-direction:column;margin-top:14px}.l-mock-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--color-hairline);font-size:12.5px}.l-mock-row:last-child{border-bottom:none}.l-mock-badge{font-size:10.5px;font-weight:500;padding:2px 7px;border-radius:var(--radius-full);flex-shrink:0}.l-mock-badge.open{background:#d3e5ff;color:#0761d1}.l-mock-badge.progress{background:#ffefcf;color:#ab570a}.l-mock-badge.resolved{background:#d4f7dc;color:#1d6b30}.l-mock-prio{width:8px;height:8px;border-radius:50%;flex-shrink:0}.l-mock-prio.high{background:#e00}.l-mock-prio.med{background:#f5a623}.l-mock-prio.low{background:#a1a1a1}.l-mock-title{flex:1;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-mock-tag{font-size:10.5px;padding:2px 7px;border-radius:var(--radius-sm);background:var(--color-canvas-soft-2);color:var(--color-body);font-family:var(--font-mono)}.l-mock-date{font-size:11px;color:var(--color-mute);font-variant-numeric:tabular-nums}.l-mock-report-body{display:grid;grid-template-columns:1fr 1fr;min-height:360px}.l-mock-report-form{background:var(--color-canvas);padding:22px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--color-hairline)}.l-mock-overlay-h{font-weight:600;font-size:16px;letter-spacing:-.02em;margin-bottom:4px}.l-mock-field{display:flex;flex-direction:column;gap:4px}.l-mock-field.row{flex-direction:row;gap:6px}.l-mock-label{font-size:11px;color:var(--color-mute);font-family:var(--font-mono)}.l-mock-input{font-size:12px;padding:8px 10px;background:var(--color-canvas-soft);border-radius:var(--radius-sm);border:1px solid var(--color-hairline)}.l-mock-input.multi{min-height:50px;line-height:1.4;color:var(--color-body)}.l-mock-chip{font-size:11px;padding:4px 9px;border-radius:var(--radius-full);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);color:var(--color-body)}.l-mock-chip.on{background:var(--color-ink);color:var(--color-on-primary);border-color:var(--color-ink)}.l-mock-submit{margin-top:4px;background:var(--color-ink);color:var(--color-on-primary);padding:8px;text-align:center;border-radius:var(--radius-sm);font-size:12.5px;font-weight:500}.l-mock-snapshot{padding:22px;background:linear-gradient(150deg,#0a0a0f,#1f1530);color:#ffffffd9;font-size:11.5px;font-family:var(--font-mono);display:flex;flex-direction:column;overflow:hidden}.l-mock-snap-h{color:#ffffff80;margin-bottom:8px;font-size:10.5px}.l-mock-snap-row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08)}.l-mock-snap-row span:first-child{color:#ffffff8c;white-space:nowrap}.l-mock-snap-row span:last-child{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-mock-snap-logs{margin-top:10px;display:flex;flex-direction:column;gap:2px;font-size:10.5px}.l-mock-log{color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-mock-log.warn{color:#f9cb28}.l-mock-log.err{color:#ff8585}.l-mock-arcade-body{padding:22px}.l-mock-arcade-h{margin-bottom:16px}.l-mock-arcade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.l-mock-arcade-card{display:flex;flex-direction:column;background:var(--color-canvas);border-radius:var(--radius-md);border:1px solid var(--color-hairline);overflow:hidden;box-shadow:var(--shadow-2)}.l-mock-arcade-thumb{aspect-ratio:16/9}.l-mock-arcade-title{font-size:13px;font-weight:600;padding:10px 12px 2px}.l-mock-arcade-desc{font-size:11.5px;color:var(--color-body);padding:0 12px 10px}.l-mock-arcade-cta{font-size:11.5px;font-weight:500;color:var(--color-ink);padding:6px 12px 12px;font-family:var(--font-mono)}.report-back-btn{padding:0 14px;height:28px;background:#e8e8e8;color:var(--color-ink, #171717);border:none;border-radius:9999px;cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;white-space:nowrap}.report-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}@media (max-width: 960px){.l-showcase-inner,.l-showcase-inner.reverse{grid-template-columns:1fr;gap:var(--space-xl)}.l-showcase-inner.reverse .l-showcase-copy{order:1}.l-showcase-inner.reverse .l-showcase-art{order:2}.l-mock-body{grid-template-columns:100px 1fr}}@media (max-width: 834px){.l-nav{padding:0 var(--space-md)}.l-hero-title{font-size:40px}.l-hero-sub{font-size:18px}.l-section-title,.l-cta-title{font-size:30px}.l-step-number{font-size:28px;min-width:44px}.l-tile{padding:var(--space-3xl) var(--space-lg)}.l-hero{padding-top:80px;padding-bottom:80px}.l-mock-report-body{grid-template-columns:1fr}.l-mock-report-form{border-right:none;border-bottom:1px solid var(--color-hairline)}.report-form-grid,.l-mock-arcade-grid{grid-template-columns:1fr}}@media (max-width: 640px){.l-hero-title{font-size:32px}.l-hero-sub{font-size:16px}.l-features-grid{grid-template-columns:1fr}.l-step{gap:var(--space-lg)}.l-footer{flex-direction:column;gap:8px;text-align:center;padding:var(--space-lg)}.report-back-btn,.report-nav-blog,.l-mock-side{display:none}.l-mock-body{grid-template-columns:1fr}.l-mock-content{padding:16px}.l-mock-date{display:none}}@media (max-width: 480px){.l-lang-toggle,.nav-signin{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #171717;--color-on-primary: #ffffff;--color-link: #0070f3;--color-link-deep: #0761d1;--color-link-bg-soft: #d3e5ff;--grad-develop-start: #007cf0;--grad-develop-end: #00dfd8;--grad-preview-start: #7928ca;--grad-preview-end: #ff0080;--grad-ship-start: #ff4d4d;--grad-ship-end: #f9cb28;--color-canvas: #ffffff;--color-canvas-soft: #fafafa;--color-canvas-soft-2: #f5f5f5;--color-ink: #171717;--color-body: #4d4d4d;--color-mute: #888888;--color-hairline: #ebebeb;--color-hairline-strong: #a1a1a1;--color-error: #ee0000;--color-error-soft: #f7d4d6;--color-error-deep: #c50000;--color-warning: #f5a623;--color-warning-soft: #ffefcf;--color-success: #0070f3;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill-sm: 64px;--radius-pill: 100px;--radius-full: 9999px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 48px;--space-4xl: 64px;--space-5xl: 96px;--space-6xl: 128px;--space-section: 192px;--shadow-0: none;--shadow-1: 0 0 0 1px rgba(0,0,0,.08) inset;--shadow-2: 0px 1px 1px rgba(0,0,0,.03), 0px 2px 2px rgba(0,0,0,.04), 0 0 0 1px rgba(0,0,0,.06) inset;--shadow-3: 0px 2px 2px rgba(0,0,0,.04), 0px 8px 8px -8px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.06) inset;--shadow-4: 0px 2px 2px rgba(0,0,0,.04), 0px 8px 16px -4px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.06) inset;--shadow-5: 0px 1px 1px rgba(0,0,0,.03), 0px 8px 16px -4px rgba(0,0,0,.06), 0px 24px 32px -8px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.06) inset;--font-sans: "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", "Consolas", monospace;--nav-height: 64px}[data-theme=dark]{--color-primary: #ededed;--color-on-primary: #171717;--color-canvas: #0a0a0a;--color-canvas-soft: #111111;--color-canvas-soft-2: #1a1a1a;--color-ink: #ededed;--color-body: #a8a8a8;--color-mute: #555555;--color-hairline: #2a2a2a;--color-hairline-strong: #444444;--color-link: #4da3ff;--color-link-deep: #7ab8ff;--color-link-bg-soft: #0d2040;--color-error-soft: #3a0f0f;--color-warning-soft: #3a2a00;--shadow-1: 0 0 0 1px rgba(255,255,255,.06) inset;--shadow-2: 0px 1px 1px rgba(0,0,0,.3), 0px 2px 2px rgba(0,0,0,.2), 0 0 0 1px rgba(255,255,255,.06) inset;--shadow-3: 0px 2px 2px rgba(0,0,0,.3), 0px 8px 8px -8px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.06) inset;--shadow-4: 0px 2px 2px rgba(0,0,0,.3), 0px 8px 16px -4px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.06) inset;--shadow-5: 0px 1px 1px rgba(0,0,0,.3), 0px 8px 16px -4px rgba(0,0,0,.3), 0px 24px 32px -8px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.06) inset}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-canvas);color:var(--color-ink);font-size:16px;line-height:1.5;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:600;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.4}to{transform:scale(1.6);opacity:0}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-lg);height:48px;border-radius:var(--radius-pill);font-size:16px;font-weight:500;border:none;white-space:nowrap;transition:opacity .15s,transform .1s,box-shadow .15s;text-decoration:none;letter-spacing:-.01em;line-height:1;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translate(-200%);transition:transform .55s ease}.btn:hover:after{transform:translate(200%)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{opacity:.88}.btn-secondary{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);box-shadow:var(--shadow-2)}.btn-secondary:hover{box-shadow:var(--shadow-3)}.btn-ghost{background:var(--color-canvas-soft);color:var(--color-body);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:0 14px;height:36px;font-size:14px}.btn-ghost:hover{background:var(--color-canvas-soft-2)}.btn-sm{height:28px;padding:0 var(--space-xs);font-size:14px;font-weight:500;border-radius:var(--radius-sm)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.form-input{width:100%;padding:0 var(--space-sm);height:40px;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);color:var(--color-ink);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-ink);box-shadow:0 0 0 3px #17171714}.form-input::placeholder{color:var(--color-mute)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-body);margin-bottom:6px;letter-spacing:-.01em}.form-group{display:flex;flex-direction:column}.dark-mode-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-canvas-soft);color:var(--color-body);transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.dark-mode-toggle:hover{background:var(--color-canvas-soft-2);color:var(--color-ink)}