.live-demo-page{padding:160px max(24px,5vw) 85px}.live-demo-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(36px,6vw,100px);max-width:1440px;margin:0 auto;display:grid}.live-demo-intro{min-width:0;padding:30px 0}.live-demo-intro h1{max-width:15ch;font-family:var(--font-display), sans-serif;letter-spacing:-.065em;overflow-wrap:anywhere;margin:25px 0;font-size:clamp(2.7rem,4.9vw,5rem);font-weight:600;line-height:1.06}.live-demo-lead{max-width:49ch;color:var(--muted-foreground);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.8}.live-demo-points{flex-wrap:wrap;gap:12px 20px;margin:28px 0 36px;padding:0;font-size:.85rem;list-style:none;display:flex}.live-demo-points li{align-items:baseline;gap:9px;display:flex}.live-demo-points li:before{content:"";background:var(--cyan);border-radius:50%;flex:0 0 6px;width:6px;height:6px}.live-demo-actions .button{white-space:normal;overflow-wrap:anywhere;gap:18px;max-width:100%;height:auto;min-height:58px}.live-demo-actions .button svg,.live-demo-contact svg{flex-shrink:0}.live-demo-actions p{max-width:52ch;color:var(--muted-foreground);overflow-wrap:anywhere;margin:16px 0 0;font-size:.8rem;line-height:1.7}.live-demo-contact{max-width:100%;color:var(--cyan);overflow-wrap:anywhere;border-bottom:1px solid #87f5f566;align-items:center;gap:12px;margin-top:34px;padding:10px 0;font-size:.9rem;display:inline-flex}.live-demo-portrait{background:#090a20;border:1px solid #87f5f52e;min-width:0;margin:0;position:relative}.live-demo-portrait img{object-fit:cover;object-position:68% center;width:100%;height:clamp(430px,43vw,620px);display:block}.live-demo-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05030fe6);position:absolute;inset:45% 0 0}.live-demo-portrait figcaption{z-index:1;color:var(--cyan);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.8rem;display:flex;position:absolute;inset:auto 24px 24px}html[lang=ko] .live-demo-intro h1{letter-spacing:-.04em;word-break:keep-all;max-width:11ch;line-height:1.2}@media (max-width:760px){.live-demo-page{padding:125px 20px 55px}.live-demo-layout{grid-template-columns:minmax(0,1fr);gap:36px}.live-demo-intro{padding:0}.live-demo-intro h1{font-size:clamp(2.35rem,8.6vw,3.8rem)}.live-demo-portrait img{height:clamp(340px,100vw,500px)}}@media (max-width:420px){.live-demo-page{padding-inline:16px}.live-demo-actions .button{justify-content:space-between;width:100%}.live-demo-portrait figcaption{inset-inline:18px}}