:root{--lac:#0d0a09;--lac2:#1a1311;--gold:#c9a45c;--ink:#efe6d6;--b:#1e4696;--r:#be2828;--y:#e6b428;--w:#f5f2ea;--k:#111}
*{box-sizing:border-box}body{margin:0;background:var(--lac);color:var(--ink);font:16px/1.65 "Noto Serif KR",Georgia,serif}
a{color:inherit}h1,h2,h3{font-weight:500;letter-spacing:.01em}h2{font-size:clamp(28px,4vw,44px);text-align:center;margin:0 0 .3em;color:var(--gold)}
section{padding:90px 6vw}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:14px 6vw;background:rgba(13,10,9,.85);backdrop-filter:blur(8px);border-bottom:1px solid #c9a45c33}
.logo{font-size:22px;letter-spacing:.2em;color:var(--gold)}.logo span{color:var(--r)}nav{display:flex;gap:20px;flex:1}nav a{text-decoration:none;opacity:.8;font-size:14px}nav a:hover{opacity:1;color:var(--gold)}
.lang{display:flex;gap:6px}.lang button,.lang select{background:transparent;color:var(--ink);border:1px solid #c9a45c66;padding:4px 10px;border-radius:20px;font:inherit;font-size:13px;cursor:pointer}.lang select option{color:#000}.lang .on{background:var(--gold);color:#000}
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;padding-top:40px}
.hero-bg{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);opacity:.28;filter:saturate(1.3)}.hero-bg img{width:100%;height:100%;object-fit:cover;animation:drift 18s ease-in-out infinite alternate}
.hero-bg img:nth-child(2){animation-delay:-6s}@keyframes drift{to{transform:scale(1.15) translateY(-3%)}}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,transparent,var(--lac) 75%)}
.hero-txt{position:relative;z-index:2;max-width:620px}.eyebrow{letter-spacing:.25em;text-transform:uppercase;font-size:12px;color:var(--gold)}
h1{font-size:clamp(40px,6.5vw,84px);line-height:1.05;margin:.2em 0}h1 em{font-style:normal;background:linear-gradient(90deg,#8ef,#f9c,#ff9,#9fc,#8ef);background-size:300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pearl 6s linear infinite}@keyframes pearl{to{background-position:300%}}
.hero-mock{position:absolute;right:3vw;bottom:6vh;width:min(46vw,640px);z-index:2;border-radius:14px;box-shadow:0 30px 80px #000c}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;padding:12px 22px;border-radius:30px;border:1px solid var(--gold);text-decoration:none;font:inherit;cursor:pointer}.btn.gold{background:var(--gold);color:#120c08}.btn.ghost{background:transparent;color:var(--gold)}.btn.sm{padding:6px 14px;font-size:13px}
.obang{display:flex;justify-content:center;gap:6px;margin-bottom:40px}.obang i{width:30px;height:6px}.obang i:nth-child(1){background:var(--b)}.obang i:nth-child(2){background:var(--r)}.obang i:nth-child(3){background:var(--y)}.obang i:nth-child(4){background:var(--w)}.obang i:nth-child(5){background:#444}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px}.cards article{background:var(--lac2);border:1px solid #c9a45c22;border-radius:14px;overflow:hidden;transition:.4s}.cards article:hover{transform:translateY(-6px);border-color:var(--gold)}
.cards img,.cards canvas{width:100%;aspect-ratio:1;object-fit:cover;display:block}.cards h3{margin:16px 18px 4px;color:var(--gold);font-size:19px}.cards p{margin:0 18px 20px;font-size:14px;opacity:.85}
.honest{max-width:760px;margin:0 auto 30px;text-align:center;font-size:14px;border:1px dashed #c9a45c66;padding:10px 16px;border-radius:10px;opacity:.85}
.studio{display:grid;grid-template-columns:320px 1fr;gap:30px;max-width:1150px;margin:auto}.controls{display:flex;flex-direction:column;gap:14px}.controls label{display:flex;flex-direction:column;gap:4px;font-size:14px}
.controls select,.controls input[type=range],#quote input,#quote select,#quote textarea{background:var(--lac2);color:var(--ink);border:1px solid #c9a45c55;border-radius:8px;padding:8px;font:inherit}
.file{border:1px dashed var(--gold);padding:14px;border-radius:10px;text-align:center;cursor:pointer}.file input{display:none}.dl{display:flex;gap:8px;flex-wrap:wrap}
.stage{position:relative}#cv{width:100%;max-width:720px;border-radius:12px;box-shadow:0 20px 60px #000;background:#000}.step{position:absolute;top:14px;left:14px;background:#000a;color:var(--gold);padding:4px 12px;border-radius:20px;font-size:14px}
.steps{display:flex;gap:6px;padding:0;list-style:none;flex-wrap:wrap;margin-top:12px}.steps li{flex:1;text-align:center;font-size:12px;padding:6px;border-bottom:3px solid #333;opacity:.6}.steps li.on{border-color:var(--gold);opacity:1;color:var(--gold)}
.prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:30px}.prods figure{margin:0;background:radial-gradient(circle at 50% 35%,#2a201b,#120d0b);border-radius:14px;padding:10px}.prods canvas{width:100%;display:block}.prods figcaption{text-align:center;color:var(--gold);padding:8px}
#products>p{text-align:center;opacity:.8}.flow{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:30px 0 50px}.flow li{display:flex;align-items:center;gap:10px;background:var(--lac2);padding:12px 20px;border-radius:40px;border:1px solid #c9a45c44}.flow b{background:var(--gold);color:#000;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}
#quote{max-width:560px;margin:auto;display:flex;flex-direction:column;gap:12px}#quote h3{color:var(--gold);text-align:center}#quote small{opacity:.6;text-align:center}
footer{text-align:center;padding:40px;font-size:13px;opacity:.5;border-top:1px solid #c9a45c22}
.goog-te-banner-frame,.skiptranslate iframe{display:none!important}body{top:0!important}
@media(max-width:820px){.nav{gap:8px;padding:10px 4vw}.lang select{width:84px}.logo{font-size:17px}nav{display:none}.studio{grid-template-columns:1fr}.hero{flex-direction:column;justify-content:center}.hero-mock{position:relative;width:90%;right:auto;bottom:auto;margin-top:30px}}
.v3d{max-width:1150px;margin:auto}.vbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}.vbar .on{background:var(--gold);color:#000}
#three{height:min(70vh,620px);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#2a1f1a,#060404);box-shadow:0 20px 60px #000}#three canvas{display:block;width:100%!important;height:100%!important;cursor:grab}
.aigen{border:1px solid #c9a45c55;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;background:#160f0d}.aigen h3{margin:0;color:var(--gold);font-size:17px}.honest.small{font-size:12px;margin:0;padding:6px 10px}
.aigen textarea,.aigen select,.aigen input[type=password]{background:var(--lac2);color:var(--ink);border:1px solid #c9a45c55;border-radius:8px;padding:7px;font:inherit;font-size:13px;width:100%}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{background:transparent;border:1px solid #c9a45c66;color:var(--ink);border-radius:16px;padding:3px 10px;font-size:12px;cursor:pointer}.chips button.on{background:var(--gold);color:#000}
.airow{display:flex;flex-direction:column;gap:6px}.aigen details{font-size:12px}.aigen details>*{margin-top:6px}.chk{flex-direction:row!important;align-items:center;font-size:12px!important}
.aigrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.aigrid div{position:relative;aspect-ratio:1;background:#000 linear-gradient(110deg,#111 30%,#2a201b 50%,#111 70%);background-size:200%;animation:shim 1.2s linear infinite;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent}.aigrid div.ok{animation:none}.aigrid div.sel{border-color:var(--gold)}.aigrid img{width:100%;height:100%;object-fit:cover;display:block}@keyframes shim{to{background-position:-200%}}
.aistatus{font-size:12px;color:var(--gold);min-height:1em}
.aibadge{position:absolute;top:6px;right:6px;background:#000c;color:#f3d9a0;border:1px solid #c9a45c;font:600 10px/1 system-ui,sans-serif;letter-spacing:.05em;padding:4px 7px;border-radius:10px}.aibadge.big{top:14px;right:14px;font-size:13px;padding:6px 12px}
#heroCv{position:absolute;inset:0;width:100%;height:100%;display:block}.hero::after{pointer-events:none;background:linear-gradient(90deg,#070404 0%,#070404cc 30%,transparent 60%)}
.tilt{position:absolute;right:20px;bottom:20px;z-index:3}.scrollcue{position:absolute;left:50%;bottom:18px;z-index:3;color:var(--gold);animation:bob 2s infinite}@keyframes bob{50%{transform:translateY(8px)}}
.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;max-width:1150px;margin:auto}.timeline article{border-top:2px solid var(--gold);padding:14px 4px}.timeline b{color:var(--gold);font-size:18px}.timeline p{font-size:14px;opacity:.88}
.proc-h{text-align:center;color:var(--gold);margin-top:60px}.process{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;max-width:1150px;margin:20px auto}
.process li{background:var(--lac2);border:1px solid #c9a45c33;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.process i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f8c8e8,#a8f0e8,#c8b8ff);color:#000}.process span{font-size:13px;opacity:.85}
.src{text-align:center;font-size:12px;opacity:.55}.lead{text-align:center;max-width:640px;margin:0 auto 30px;opacity:.85}
.visit{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1150px;margin:auto}.vcard{display:flex;flex-direction:column;gap:6px;text-decoration:none;padding:22px;border-radius:14px;background:linear-gradient(160deg,#1d1513,#0b0706);border:1px solid #c9a45c44;transition:.3s}.vcard:hover{border-color:var(--gold);transform:translateY(-4px)}.vcard small{letter-spacing:.2em;color:var(--gold)}.vcard h3{margin:0;color:#f3e7cc}.vcard p{font-size:14px;opacity:.85;flex:1}.vcard span{color:#9fd8e8;font-size:13px}
.share{display:flex;flex-direction:column;gap:8px;border-top:1px solid #c9a45c33;padding-top:12px}.shlinks{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.shlinks a{color:#9fd8e8}
#installBtn{white-space:nowrap}
@media(max-width:820px){.hero::after{background:linear-gradient(180deg,#07040440 0%,#070404d9 45%,#070404f2 100%)}.hero-txt{margin-top:28vh}#installBtn{padding:5px 9px;font-size:11px}.tilt{bottom:60px}}
.story-txt{margin:12px 0 0;padding:12px 16px;border-left:3px solid var(--gold);background:#160f0d;border-radius:0 10px 10px 0;font-size:14px;line-height:1.6}.story-txt small{display:block;color:var(--gold);font:600 11px system-ui;letter-spacing:.06em;margin-bottom:4px}