@import"https://fonts.googleapis.com/css2?family=Pretendard:wght@400;600;800;900&display=swap";:root{--bg-dark: #030712;--card-bg: #161b22;--accent-blue: #00d2ff;--accent-purple: #9d50bb;--accent-green: #00ff87;--accent-orange: #ff9966;--text-main: #e6edf3;--text-dim: #8b949e;--line-color: rgba(0, 210, 255, .15)}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;background-color:#030712;color:#f9fafb;overflow-x:hidden}.pib-logo{font-weight:800;background:linear-gradient(90deg,#00d2ff,#9d50bb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;flex-shrink:0}.glass{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-bg{background:radial-gradient(circle at 50% -20%,#1e1b4b,#030712)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}html,body{max-width:100%;overflow-x:hidden}[data-aos]{pointer-events:none}.aos-animate{pointer-events:auto}.step-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:800;letter-spacing:1px}.canvas-wrap{position:relative;width:1500px;height:1100px;margin:0 auto}.canvas-title-txt{position:absolute;left:750px;top:20px;transform:translate(-50%);font-size:26px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(0,210,255,.8);z-index:20;white-space:nowrap}.svg-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.svg-layer path{fill:none;stroke:var(--line-color);stroke-width:1.2}.core-shorts{position:absolute;left:750px;top:500px;transform:translate(-50%,-50%);width:350px;aspect-ratio:9/16;background:#000;border-radius:40px;border:8px solid #30363d;overflow:hidden;z-index:10;box-shadow:0 0 60px #00d2ff40}.core-shorts iframe{width:100%;height:100%;border:none}.cnode{position:absolute;background:#161b22f2;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:500;z-index:15;border:1px solid rgba(255,255,255,.12);color:var(--text-dim);transition:all .2s ease;white-space:nowrap}.cnode-left{transform:translate(-100%,-50%);text-align:right}.cnode-right{transform:translateY(-50%);text-align:left}.cnode-center{transform:translate(-50%,-50%);text-align:center}.cnode-left:hover{transform:translate(-100%,-50%) scale(1.02);color:#fff;border-color:var(--accent-blue);box-shadow:0 0 20px #00d2ff66;z-index:30}.cnode-right:hover{transform:translateY(-50%) scale(1.02);color:#fff;border-color:var(--accent-blue);box-shadow:0 0 20px #00d2ff66;z-index:30}.cnode-center:hover{transform:translate(-50%,-50%) scale(1.02);color:#fff;box-shadow:0 0 30px #ff512f66;z-index:30}.ccat{font-weight:700;font-size:16px;padding:14px 28px;border-radius:50px;color:#fff}.ccat-gen{background:linear-gradient(45deg,var(--accent-orange),#ff512f);border:none}.ccat-media{background:linear-gradient(45deg,var(--accent-blue),var(--accent-purple));border:none}.ccat-market{background:linear-gradient(45deg,var(--accent-green),#11998e);border:none}.ai-logic-box{background:#0d1117;border:1px solid rgba(0,210,255,.3);padding:24px 32px;border-radius:16px;text-align:left}.ai-logic-box strong.title{display:block;font-size:17px;color:var(--accent-blue);margin-bottom:12px}.ai-logic-box p{font-size:14px;line-height:1.8;color:#dde3ea;margin:0}.ai-logic-box p b{color:var(--accent-blue)}.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.term-box{background:#161b22;border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:12px}.term-box strong{display:block;margin-bottom:8px;font-size:15px}.term-box p{font-size:12px;line-height:1.5;color:var(--text-dim);margin:0}.mobile-canvas{display:none}.mobile-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 12px;font-size:12px;color:var(--text-dim)}@media (max-width: 1100px){.canvas-wrap{display:none}.mobile-canvas{display:flex;flex-direction:column;gap:16px;width:100%;padding:0 16px;box-sizing:border-box}.term-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ai-logic-box{padding:16px 18px}.ai-logic-box strong.title{font-size:15px}.ai-logic-box p{font-size:13px}}