@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";:root{--bg:#0a0a12;--bg-soft:#12121e;--ink:#f2f2f7;--ink-dim:#9a9aad;--line:#f2f2f71a}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);word-break:keep-all;overflow-wrap:break-word;font-family:Inter,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}#root{position:relative}nav{z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:24px 6vw;display:flex;position:fixed;top:0;left:0;right:0}nav .logo{letter-spacing:.02em;font-size:18px;font-weight:800}nav .links{color:var(--ink-dim);gap:28px;font-size:14px;display:flex}nav .links a{transition:color .2s}nav .links a:hover{color:var(--ink)}.progress-bar{transform-origin:0%;z-index:200;background:linear-gradient(90deg,#a78bfa,#f472b6,#22d3ee);height:3px;position:fixed;top:0;left:0;right:0}section{flex-direction:column;justify-content:center;min-height:100vh;padding:0 6vw;display:flex;position:relative}.hero{align-items:flex-start;padding:0;overflow:hidden}.hero-scrub{min-height:650vh;display:block;overflow:visible}.hero-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.hero-video-wrap{will-change:transform;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-video-veil{background:linear-gradient(90deg,#0a0a12d9 0%,#0a0a1259 45%,#0a0a1226 100%),linear-gradient(#0a0a1200 60%,#0a0a12f2 100%);position:absolute;inset:0}.hero-copy{z-index:2;pointer-events:none;padding:16vh 6vw 0;position:absolute;inset:0}.hero-copy-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:0;display:flex}.hero-copy-center h2{letter-spacing:-.01em;text-shadow:0 4px 24px #00000080;font-size:clamp(28px,4.6vw,54px);font-weight:800;line-height:1.3}.hero-copy-center p{color:var(--ink-dim);text-shadow:0 2px 12px #00000080;margin-top:20px;font-size:17px}.hero .eyebrow{letter-spacing:.15em;color:var(--ink-dim);text-transform:uppercase;margin-bottom:24px;font-size:14px}.hero h1{letter-spacing:-.02em;font-size:clamp(40px,8vw,96px);font-weight:800;line-height:1.05}.hero h1 .grad{background:linear-gradient(90deg,#a78bfa,#f472b6,#22d3ee);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero p{max-width:520px;color:var(--ink-dim);text-shadow:0 2px 12px #00000080;margin-top:28px;font-size:18px;line-height:1.7}.hero h1{text-shadow:0 4px 24px #00000073}.hero .scroll-hint{z-index:2;color:var(--ink-dim);pointer-events:none;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;bottom:48px;left:6vw}.scroll-hint .dot{background:var(--ink-dim);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite bounce}@keyframes bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.intro{text-align:center;justify-content:center;align-items:center;min-height:60vh}.intro p{color:#f2f4f22e;max-width:760px;font-size:clamp(22px,3.4vw,36px);font-weight:600;line-height:1.6}.intro .word{color:var(--ink);font-weight:800}.product{border-top:1px solid var(--line);align-items:center}.product-scrub{min-height:300vh;padding:0;display:block;overflow:visible}.product-sticky{align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.product-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.product-veil{background:linear-gradient(90deg,#0a0a12d1 0%,#0a0a124d 48%,#0a0a1214 100%),linear-gradient(#0a0a1200 65%,#0a0a12e6 100%);position:absolute;inset:0}.product-veil.from-right{background:linear-gradient(270deg,#0a0a12d1 0%,#0a0a124d 48%,#0a0a1214 100%),linear-gradient(#0a0a1200 65%,#0a0a12e6 100%)}.product-overlay{z-index:2;max-width:560px;margin-left:6vw;padding:0 24px 0 0;position:relative}.product-overlay.align-right{margin-left:auto;margin-right:6vw;padding:0 0 0 24px}.product-overlay h2,.product-overlay .desc{text-shadow:0 2px 16px #0000008c}.tag{letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.tag .dot{border-radius:50%;width:7px;height:7px}.product h2{letter-spacing:-.01em;margin-bottom:20px;font-size:clamp(30px,4.4vw,52px);font-weight:800;line-height:1.15}.product .desc{color:var(--ink-dim);margin-bottom:28px;font-size:17px;line-height:1.75}.product .status{color:var(--ink-dim);border-top:1px solid var(--line);align-items:center;gap:10px;width:fit-content;padding-top:16px;font-size:14px;display:inline-flex}.status .pulse{border-radius:50%;width:8px;height:8px;position:relative}.status .pulse:after{content:"";border-radius:50%;animation:1.8s ease-out infinite pulse;position:absolute;inset:-6px}@keyframes pulse{0%{opacity:.6;box-shadow:0 0}to{opacity:0;box-shadow:0 0 0 10px #0000}}.feature-list{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.feature-list li{color:var(--ink-dim);align-items:baseline;gap:10px;font-size:15px;display:flex}.feature-list li:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:4px;height:4px}footer{text-align:center;border-top:1px solid var(--line);justify-content:center;align-items:center;min-height:60vh}footer .eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:20px;font-size:14px}footer h2{margin-bottom:32px;font-size:clamp(32px,5vw,56px);font-weight:800}footer .email{border:1px solid var(--line);border-radius:999px;padding:18px 36px;font-size:clamp(20px,3vw,28px);font-weight:700;display:inline-block}footer .bottom{color:var(--ink-dim);margin-top:80px;font-size:13px}@media (width<=860px){.product-sticky{align-items:flex-end}.product-overlay,.product-overlay.align-right{margin:0 6vw 10vh;padding:0}.product-veil,.product-veil.from-right{background:linear-gradient(#0a0a120d 0%,#0a0a1259 45%,#0a0a12eb 100%)}nav .links{display:none}}.bg-layer{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mesh{filter:blur(110px);opacity:.3;will-change:transform;border-radius:50%;position:absolute}.mesh-a{background:radial-gradient(circle,#7c3aed,#0000 70%);width:55vw;height:55vw;animation:26s ease-in-out infinite alternate drift-a;top:-15%;left:-10%}.mesh-b{background:radial-gradient(circle,#db2777,#0000 70%);width:50vw;height:50vw;animation:32s ease-in-out infinite alternate drift-b;top:35%;right:-18%}.mesh-c{background:radial-gradient(circle,#0891b2,#0000 70%);width:60vw;height:60vw;animation:38s ease-in-out infinite alternate drift-c;bottom:-22%;left:15%}@keyframes drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(8vw,12vh)scale(1.15)}}@keyframes drift-b{0%{transform:translate(0)scale(1)}to{transform:translate(-10vw,8vh)scale(.9)}}@keyframes drift-c{0%{transform:translate(0)scale(1)}to{transform:translate(6vw,-10vh)scale(1.1)}}.spotlight{filter:blur(100px);will-change:opacity;position:absolute;inset:-20%}.spotlight-orange{background:radial-gradient(circle at 30% 35%,#a78bfae6,#0000 60%)}.spotlight-yellow{background:radial-gradient(circle at 70% 45%,#f472b6e6,#0000 60%)}.spotlight-green{background:radial-gradient(circle at 30% 60%,#22d3eee6,#0000 60%)}.particles{position:absolute;inset:0}.particle{background:var(--ink);border-radius:50%;animation-name:float-up;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-10px}@keyframes float-up{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-110vh)}}.grain{opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;position:absolute;inset:-50%}