:root{--bg-start:#0b0d17;--bg-mid:#121327;--bg-end:#27235e;--accent:#5b50ff;--accent-2:#38d7c5;--text-main:#fff;--text-sub:#c9cbd8;--card-bg:#ffffff0b;--card-bd:#ffffff24;--stage-h:420px;--base-y:320px;--gap:48px;--depth:22px;--layer-h:56px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(42% 34% at 22% 14%, #38d7c529, transparent 72%), linear-gradient(135deg, var(--bg-start) 0%, var(--bg-mid) 58%, var(--bg-end) 100%);color:var(--text-main);font-family:Pretendard,Inter,Noto Sans KR,Segoe UI,Roboto,system-ui,-apple-system,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1200px,100% - 40px);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:saturate(120%)blur(8px);backdrop-filter:saturate(120%)blur(8px);background:linear-gradient(#0b0d17e6,#0b0d179e);border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.brand{min-width:0;color:var(--text-main);align-items:center;gap:8px;display:flex}.brand-logo{flex:none;width:auto;height:36px}.brand-text{font-size:20px;font-weight:800}.brand-dot{color:var(--accent-2)}.tagline{color:var(--text-sub);white-space:nowrap;font-size:14px}.menu{align-items:center;gap:6px;display:flex}.menu a{opacity:.9;border-radius:8px;padding:8px 12px}.menu a:hover{opacity:1;background:#ffffff0f}.hero-page{position:relative}.hero{gap:28px;padding:64px 0 40px;display:grid}.hero-title{text-align:center;letter-spacing:0;margin:0;font-size:clamp(32px,6vw,64px);font-weight:200;line-height:1.12}.hero-sub,.hero-narrative{text-align:center;max-width:940px;margin:0 auto}.hero-sub{color:var(--text-sub);font-size:clamp(16px,2.2vw,22px);font-weight:300}.hero-narrative{color:#e9e8ffe6;font-size:clamp(14px,2vw,18px);font-weight:600}.context{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:20px;display:grid}.glass-card,.card{border:1px solid var(--card-bd);background:var(--card-bg);border-radius:8px;box-shadow:0 10px 30px #00000040}.glass-card{padding:18px}.card{grid-column:span 6;padding:20px;transition:transform .2s,box-shadow .2s,background .2s}.card:hover{background:#fff1;transform:translateY(-4px)}.card-cap,.badges,.cta-row,.cta{flex-wrap:wrap;display:flex}.card-cap{align-items:center;gap:10px;margin-bottom:10px}.pill,.badge,.layer-tag{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px}.pill{color:#e9e8ff;padding:6px 10px;font-size:12px;font-weight:700}.title-sm{color:#e9e8ff;font-size:14px;font-weight:800}.desc{color:var(--text-sub);margin:6px 0 0;font-size:14px}.graph{width:100%;height:340px}.knowledge-visual{background:#0000003d;border:1px solid #e9e8ff29;border-radius:8px;height:340px;margin-top:14px;position:relative;overflow:hidden}.knowledge-visual:after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(#0000 64%,#0b0d1773),radial-gradient(60% 40% at 50% 42%,#0000,#0b0d172e);position:absolute;inset:0}.knowledge-visual img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.soft-shadow{filter:drop-shadow(0 0 6px #4b3eff59)}.connector{place-items:center;height:100%;display:grid}.connector svg{opacity:.75;width:56px;height:56px}.stack-stage{height:var(--stage-h);perspective:900px;background:linear-gradient(#ffffff05,#00000020);border:1px solid #ffffff1f;border-radius:8px;margin-top:10px;position:relative;overflow:hidden}.depth-beam{pointer-events:none;opacity:.9;background:radial-gradient(42% 34% at 50% 25%,#38d7c547,#0000 70%),linear-gradient(90deg,#0000 0%,#e9e8ff29 50%,#0000 100%),linear-gradient(#4b3eff2e,#0000 72%);position:absolute;inset:0}.depth-beam:after{clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);content:"";filter:blur(18px);opacity:.55;background:linear-gradient(#38d7c547,#0000);width:34%;height:70%;position:absolute;top:18%;left:50%;transform:translate(-50%)}.stack-core{transform-style:preserve-3d;position:absolute;inset:24px 12px 18px}.knowledge-layer{--target-y:calc(252px - var(--i) * 48px);--target-z:calc(var(--i) * 44px);top:var(--target-y);width:min(560px,94%);height:116px;transform:translateX(-50%) rotateX(58deg) rotateZ(-8deg) translateZ(var(--target-z));transform-style:preserve-3d;animation:layerDepth 8s calc(var(--i) * .28s) infinite cubic-bezier(.2, .8, .2, 1);position:absolute;left:50%}.layer-plane{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(135deg,#ffffff29,#ffffff09),radial-gradient(70% 80%,#38d7c517,#0000 70%);border:1px solid #ffffff40;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 34px #0000005c,inset 0 1px #ffffff29}.layer-plane:before{content:"";opacity:.45;background-color:#0000;background-image:linear-gradient(90deg,#e9e8ff14 1px,#0000 1px),linear-gradient(#e9e8ff12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.layer-plane svg{width:100%;height:100%;position:absolute;inset:0}.layer-lines{stroke:#e9e8ff57;stroke-width:1.2px}.layer-nodes{fill:var(--accent-2);filter:drop-shadow(0 0 5px #38d7c5bf)}.layer-name{color:#e9e8ff;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.layer-tag{color:var(--text-sub);padding:6px 10px;font-size:12px}.layer-copy{transform-origin:bottom;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px;transform:rotate(8deg)rotateX(-58deg)}.node-dot{background:radial-gradient(circle at 30% 30%, #f6fffe, var(--accent-2));border-radius:50%;width:10px;height:10px}@keyframes layerDepth{0%{opacity:0;transform:translateX(-50%) rotateX(66deg) rotateZ(-8deg) translateZ(calc(var(--target-z) - 130px)) translateY(190px) scale(.86)}18%{opacity:.2}46%,78%{opacity:1;transform:translateX(-50%) rotateX(58deg) rotateZ(-8deg) translateZ(var(--target-z)) translateY(0) scale(1)}88%{opacity:.72;transform:translateX(-50%) rotateX(58deg) rotateZ(-8deg) translateZ(calc(var(--target-z) + 12px)) translateY(-10px) scale(1.015)}to{opacity:0;transform:translateX(-50%) rotateX(52deg) rotateZ(-8deg) translateZ(calc(var(--target-z) + 60px)) translateY(-150px) scale(1.04)}}.cta{justify-content:center;gap:12px;margin-top:8px}.btn{letter-spacing:0;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:12px 18px;font-size:16px;font-weight:800;display:inline-flex}.btn-primary{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 8px 24px #00000059}.btn-ghost{color:#7ff1e5;background:0 0;border:2px solid #38d7c5c7}.hint{color:var(--text-sub);text-align:center;opacity:.82;font-size:12px}.knowledge-shape{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:minmax(240px,.8fr) 1.2fr;align-items:start;gap:24px;padding:24px;display:grid}.shape-copy h2{max-width:420px;margin:0;line-height:1.35}.shape-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.shape-step{background:linear-gradient(135deg,#ffffff12,#ffffff06);border:1px solid #e9e8ff1f;border-radius:8px;min-height:150px;padding:16px}.shape-step span{color:var(--accent-2);letter-spacing:.12em;margin-bottom:14px;font-size:12px;font-weight:900;display:block}.shape-step h3{color:#e9e8ff;margin-bottom:8px;font-size:16px}.shape-step p{color:var(--text-sub);margin:0;font-size:14px;line-height:1.65}.form-outcomes{background:radial-gradient(70% 100% at 100%,#38d7c51f,#0000 72%),linear-gradient(135deg,#4b3eff24,#ffffff09);border:1px solid #38d7c538;border-radius:8px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:24px;padding:24px;display:grid}.form-outcomes h2{margin-bottom:8px}.form-outcomes p{max-width:560px;color:var(--text-sub);margin:0;line-height:1.7}.outcome-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.outcome{min-height:116px;color:var(--text-sub);background:#0000002e;border:1px solid #e9e8ff21;border-radius:8px;padding:14px;font-size:13px;line-height:1.55}.outcome span{color:#e9e8ff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:26px;font-size:12px;font-weight:900;display:block}.live-highlight{background:linear-gradient(135deg,#38d7c51f,#ffffff0a);border:1px solid #38d7c547;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:10px;padding:22px;display:grid}.live-highlight h2{margin-bottom:6px}.live-highlight p{max-width:760px;color:var(--text-sub);margin:0;line-height:1.7}.bg-vignette{z-index:-1;pointer-events:none;background:radial-gradient(70% 70% at 50% 40%,#0000 0%,#000000a6 100%);position:fixed;inset:0}.main{min-height:calc(100vh - 145px);padding:48px 0}h1{letter-spacing:0;margin:0 0 8px;font-size:clamp(30px,4.5vw,56px);font-weight:200}h2{margin:0 0 12px;font-size:clamp(20px,3.2vw,28px);font-weight:700}h3{margin:0 0 6px;font-weight:700}.lead{color:var(--text-sub);margin:0 0 24px;font-size:clamp(15px,2vw,20px);font-weight:300}.grid,.gallery{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.card p{color:var(--text-sub);margin:0}.featured-card{background:linear-gradient(135deg,#38d7c51f,#4b3eff1f);grid-column:span 12}.project-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.project-head h3{margin:0}.status-badge{color:#e9e8ff;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:800}.status-prototype{color:#9ff7ee;background:#38d7c524;border-color:#38d7c580}.status-live{color:#b7ffd7;background:#68f0a624;border-color:#68f0a694}.project-notes{color:var(--text-sub);background:#00000029;border:1px solid #ffffff1f;border-radius:8px;margin-top:16px;padding:14px;font-size:14px;line-height:1.7}.project-notes span{color:#e9e8ff;margin-bottom:4px;font-size:12px;font-weight:800;display:block}.badges{gap:8px;margin-top:12px}.badge{padding:6px 10px;font-size:12px}.section{margin:48px 0}.kicker{color:var(--text-sub);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.gallery{gap:16px}.tile{color:#e9e8ff;text-align:center;background:linear-gradient(135deg,#4b3eff33,#38d7c514);border:1px solid #38d7c540;border-radius:8px;grid-column:span 4;place-items:center;min-height:160px;font-weight:700;display:grid}.cta-row{gap:12px;margin-top:16px}.footer{color:var(--text-sub);border-top:1px solid #ffffff14;padding:24px 0}@media (max-width:1020px){.context{grid-template-columns:1fr;gap:20px}.connector{display:none}}@media (max-width:960px){.card{grid-column:span 12}.tile{grid-column:span 6}}@media (max-width:680px){.container{width:min(100% - 28px,1200px)}.nav{flex-direction:column;align-items:flex-start}.tagline{display:none}.menu{justify-content:space-between;width:100%}.menu a{padding:8px 10px}.hero{padding-top:42px}.graph,.knowledge-visual{height:300px}.layer-name,.layer-tag{font-size:12px}.layer-copy{flex-direction:column;align-items:flex-start}.tile{grid-column:span 12}.knowledge-shape,.form-outcomes,.live-highlight,.shape-steps{grid-template-columns:1fr}.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}