@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--toss-blue:#007aff;--toss-blue-rgb:0, 122, 255;--bg-color:#fff;--bg-secondary:#f2f4f6;--text-primary:#333d4b;--text-secondary:#4e5968;--text-tertiary:#8b95a1;--border-color:#e5e8eb;--brand-color:#007aff;--font-heading:"Outfit", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Pretendard", sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);font-weight:700}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.toss-button{background-color:var(--toss-blue);color:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-flex}.toss-button:hover{box-shadow:0 4px 12px rgba(var(--toss-blue-rgb), .3);background-color:#006ae6;transform:translateY(-2px)}.toss-button:active{transform:translateY(0)}.toss-card{border:1px solid var(--border-color);background-color:#fff;border-radius:24px;padding:32px;box-shadow:0 2px 4px #00000005}input,textarea{border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:12px;width:100%;padding:16px;font-family:inherit;font-size:16px;transition:all .2s}input:focus,textarea:focus{border-color:var(--toss-blue);box-shadow:0 0 0 4px rgba(var(--toss-blue-rgb), .1);background-color:#fff;outline:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.specs-table-container{border:1px solid var(--border-color);background-color:#fff;border-radius:16px;width:100%;margin-top:12px;overflow-x:auto}.specs-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px;font-size:14px}.specs-table th{background-color:var(--bg-secondary);color:var(--text-secondary);border-bottom:2px solid var(--border-color);z-index:10;padding:16px;font-weight:700;position:sticky;top:0}.specs-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:top;padding:16px;line-height:1.6}.specs-table tr:last-child td{border-bottom:none}.specs-table tr:hover{background-color:rgba(var(--toss-blue-rgb), .02)}.spec-type-tag{text-transform:uppercase;color:#fff;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.spec-type-tag.page{background-color:#3182f6}.spec-type-tag.popup{background-color:#f29b0b}.spec-type-tag.function{background-color:#34c759}.spec-type-tag.other{background-color:var(--text-tertiary)}.spec-depth{color:var(--text-tertiary);margin-bottom:4px;font-size:12px;font-weight:600}.ia-node{white-space:nowrap;border-radius:16px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.ia-node.d0{color:#fff;background:linear-gradient(135deg,#1a1b20 0%,#2a2d36 100%);border:1px solid #ffffff26;min-width:200px;padding:16px 24px;font-size:18px;font-weight:800;box-shadow:0 12px 28px #0003}.ia-node.d1{background-color:var(--toss-blue);color:#fff;min-width:160px;font-size:16px;font-weight:800}.ia-node.d2{color:var(--text-primary);border:1px solid var(--border-color);background-color:#fff;min-width:180px}.ia-node.d3{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid #0000;border-radius:10px;padding:8px 12px;font-size:13px}.ia-node.d3:hover{border-color:var(--toss-blue);color:var(--toss-blue);background-color:#fff;transform:translateY(-2px)}.tree-node-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}ul.tree-list-v{flex-direction:row;justify-content:center;align-items:flex-start;margin:0;padding:24px 0 0;list-style:none;display:flex;position:relative}ul.tree-list-v:before{content:"";z-index:1;border-left:2px solid #007aff40;width:0;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}li.tree-item-v{flex-direction:column;align-items:center;padding:24px 12px 0;display:flex;position:relative}li.tree-item-v:before,li.tree-item-v:after{content:"";z-index:1;width:50%;height:24px;position:absolute;top:0}li.tree-item-v:before{border-top:2px solid #007aff40;right:50%}li.tree-item-v:after{border-top:2px solid #007aff40;border-left:2px solid #007aff40;left:50%}li.tree-item-v:first-child:before{border:0}li.tree-item-v:first-child:after{border-top-left-radius:16px}li.tree-item-v:last-child:after{border:0}li.tree-item-v:last-child:before{border-right:2px solid #007aff40;border-top-right-radius:16px}li.tree-item-v:only-child:after,li.tree-item-v:only-child:before{display:none}li.tree-item-v:only-child{padding-top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box{background:linear-gradient(90deg,#f2f4f6 25%,#e5e8eb 50%,#f2f4f6 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes gradientCycle{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.wf-gradient-bg{background:linear-gradient(120deg,#007aff1a 0%,#5a55fa1a 50%,#007aff0d 100%) 0 0/200% 200%;animation:6s infinite gradientCycle}.mobile-frame{background:#000;border-radius:44px;width:340px;height:680px;margin:0 auto;padding:10px;position:relative;box-shadow:0 25px 60px #00000026,inset 0 0 0 2px #333d4b,inset 0 0 0 4px #1a1a1a}.mobile-screen{background:#fbfbfc;border-radius:34px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.mobile-screen::-webkit-scrollbar{display:none}.mobile-screen{-ms-overflow-style:none;scrollbar-width:none}.glass-nav{-webkit-backdrop-filter:blur(20px);background:#ffffffb3!important;border-top:1px solid #ffffff4d!important}.wf-hover-lift{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.wf-hover-lift:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000000f!important}.desktop-frame{background:#fbfbfc;border-radius:12px;flex-direction:column;width:100%;max-width:1000px;height:600px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #0000001a,0 0 0 1px #0000000d}.desktop-header{background:#ebecf0;border-bottom:1px solid #0000000d;flex-shrink:0;align-items:center;gap:8px;height:38px;padding:0 16px;display:flex}.dot{border:1px solid #0000001a;border-radius:50%;width:12px;height:12px}.desktop-content{background:#fbfbfc;flex-direction:column;flex:1;display:flex;overflow:hidden}.desktop-main-area{flex:1;display:flex;overflow:hidden}.desktop-sidebar{border-right:1px solid var(--border-color);background:#fff;flex-direction:column;gap:16px;width:240px;padding:24px;display:flex;overflow-y:auto}.desktop-main{background:#f8f9fa;flex:1;position:relative;overflow-y:auto}.desktop-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.desktop-hero{width:100%;height:160px;color:var(--toss-blue);background:#007aff0d;border:2px dashed #007aff33;border-radius:15px;justify-content:center;align-items:center;font-weight:700}.dot-typing{color:#8b95a1;background-color:#8b95a1;border-radius:3px;width:6px;height:6px;animation:1.5s linear infinite dot-typing;position:relative;left:-9999px;box-shadow:9984px 0 #8b95a1,9999px 0 #8b95a1,10014px 0 #8b95a1}@keyframes dot-typing{0%{box-shadow:9984px 0 #8b95a1,9999px 0 #8b95a1,10014px 0 #8b95a1}16.667%{box-shadow:9984px -6px #8b95a1,9999px 0 #8b95a1,10014px 0 #8b95a1}33.333%{box-shadow:9984px 0 #8b95a1,9999px 0 #8b95a1,10014px 0 #8b95a1}50%{box-shadow:9984px 0 #8b95a1,9999px -6px #8b95a1,10014px 0 #8b95a1}66.667%{box-shadow:9984px 0 #8b95a1,9999px 0 #8b95a1,10014px 0 #8b95a1}83.333%{box-shadow:9984px 0 #8b95a1,9999px 0 #8b95a1,10014px -6px #8b95a1}to{box-shadow:9984px 0 #8b95a1,9999px 0 #8b95a1,10014px 0 #8b95a1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}