:root{--bg-dark:#0f1115;--bg-card:#191c23b3;--bg-card-hover:#232730cc;--primary:#4ade80;--primary-hover:#22c55e;--secondary:#60a5fa;--text-main:#f8fafc;--text-muted:#94a3b8;--border-light:#ffffff14;--glass-blur:blur(12px);--glass-shadow:0 8px 32px 0 #0000005e;--font-sans:"Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-display:"Pretendard Variable", var(--font-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:8rem 0}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);box-shadow:var(--glass-shadow);border-radius:16px;padding:2rem;transition:all .3s}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-5px)}.btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#000;box-shadow:0 4px 14px #4ade804d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066}.btn-outline{color:var(--text-main);border:1px solid var(--border-light);background-color:#0000}.btn-outline:hover{background-color:#ffffff0d;border-color:#fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{opacity:0;animation:.8s forwards fadeIn}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.mockup-container{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.code-block{border:1px solid var(--border-light);color:#e6edf3;background:#0d1117;border-radius:8px;margin:1rem 0;padding:1rem;font-family:monospace;position:relative;overflow-x:auto}.copy-btn{color:var(--text-muted);cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:.3rem .6rem;font-size:.8rem;transition:all .2s;position:absolute;top:.5rem;right:.5rem}.copy-btn:hover{color:#fff;background:#fff3}:root{--bg-black:#000;--bg-panel:#111113;--bg-card:#1d1d1f;--text-primary:#f5f5f7;--text-secondary:#86868b;--accent-red:#f03e3e;--border-light:#ffffff1a;--font-sans:"Pretendard Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-black);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.reveal{opacity:0;will-change:opacity, transform;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:scale(.95)translateY(20px)}.reveal-scale.is-visible{opacity:1;transform:scale(1)translateY(0)}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}.header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;background:#0f111599;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 2rem;display:flex;position:fixed;top:0}.header-logo{color:var(--text-primary);letter-spacing:-.5px;font-size:1.2rem;font-weight:700;text-decoration:none}.header-logo span{color:var(--accent-red)}.header-nav{gap:2rem;display:flex}.header-nav a{color:var(--text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s}.header-nav a:hover{color:var(--text-primary)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:12rem;display:flex}.hero h1{letter-spacing:-2px;background:linear-gradient(#fff 0%,#a1a1a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:clamp(3rem,7vw,6rem);font-weight:800;line-height:1.05}.platform-banner{width:100%;color:var(--text-secondary);opacity:.8;justify-content:center;align-items:center;gap:.8rem;margin-top:3rem;margin-bottom:5rem;font-size:1.05rem;font-weight:400;display:flex}.platform-banner span{color:#ffffffb3}.hero-sub{color:var(--text-secondary);letter-spacing:-.5px;max-width:700px;margin:0 auto 5rem;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:500}.hero-image-wrapper{border:1px solid #ffffff1a;border-radius:20px;width:75vw;max-width:1150px;margin-bottom:5rem;margin-left:auto;margin-right:auto;overflow:hidden;box-shadow:0 30px 100px #f03e3e26}.hero-image-wrapper img{transform-origin:top;width:100%;display:block}.section{padding:10rem 0;position:relative}#install{padding-bottom:2rem}.section-darker{background-color:var(--bg-panel);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.typography-huge{letter-spacing:-1px;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1}.typography-desc{color:var(--text-secondary);max-width:600px;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500}.gallery-section{padding:10rem 0;overflow:hidden}.gallery-header{text-align:center;margin-bottom:4rem}.gallery-header .typography-huge{margin-bottom:1rem}.gallery-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:2rem;padding:1rem 5vw 4rem;display:flex;overflow-x:auto}.gallery-track::-webkit-scrollbar{display:none}.gallery-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scroll-snap-align:center;background:#1d1d1f99;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;flex:0 0 35vw;max-width:420px;height:500px;transition:transform .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080}.gallery-card:hover{border-color:#fff3;transform:translateY(-5px)}.gallery-card-text{padding:1.5rem 1.5rem 0}.gallery-card-title{letter-spacing:-.2px;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.gallery-card-desc{color:var(--text-secondary);max-width:100%;font-size:.85rem;line-height:1.4}.gallery-card-image{flex:1;justify-content:center;align-items:center;margin:1.5rem;display:flex;position:relative}.gallery-card-image:before{content:"";background:var(--accent-red);filter:blur(45px);opacity:.3;z-index:0;border-radius:50%;position:absolute;inset:15%}.gallery-card-image img{object-fit:contain;z-index:1;border-radius:12px;width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:relative;box-shadow:0 10px 30px #00000080}.placeholder-wrapper{justify-content:center;align-items:center;min-height:200px;margin:1.5rem;display:flex}.multi-image-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:1rem 1.5rem 1.5rem;display:flex;overflow:hidden}.multi-image-wrapper img{flex:1;min-height:0;object-fit:cover!important;object-position:left bottom!important;border-radius:8px!important;width:100%!important;max-width:100%!important;height:100%!important;box-shadow:0 5px 15px #00000080!important}.gallery-navigation{justify-content:center;gap:1.5rem;margin-top:1rem;display:flex}.nav-btn{width:48px;height:48px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:background .3s,transform .2s;display:flex}.nav-btn:hover{background:#ffffff26;transform:scale(1.05)}.nav-btn:active{transform:scale(.95)}.install-grid{grid-template-columns:1fr;gap:3rem;max-width:900px;margin:0 auto;display:grid}@media (width>=992px){.install-grid{grid-template-columns:1fr 1fr}}.install-list{flex-direction:column;gap:3rem;max-width:800px;margin:0 auto;display:flex}.step-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1d1d1f99;border:1px solid #ffffff14;border-radius:20px;padding:2.5rem;transition:transform .3s,border-color .3s;box-shadow:0 10px 30px #0003}.step-item:hover{border-color:#ffffff26;transform:translateY(-2px)}.step-item.detailed{padding:3rem}.step-label{color:var(--accent-red);background:#f03e3e1a;border-radius:20px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.step-item h3{margin-bottom:1rem;font-size:1.5rem}.step-item p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.action-link{color:var(--accent-red);font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.action-link:hover{opacity:.8}.text-link{color:var(--accent-blue);text-decoration:underline}.info-box{border-left:4px solid var(--accent-blue);color:#fffc;background:#ffffff0d;border-radius:4px;padding:1rem 1.5rem;font-size:.9rem;line-height:1.5}.warning-box{background:#f03e3e1a;border:1px solid #f03e3e4d;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.install-ol{color:var(--text-secondary);margin-bottom:1.5rem;padding-left:1.2rem;line-height:1.6}.install-ol li{margin-bottom:.5rem}.install-ol li strong{color:#fff}.mt-3{margin-top:1.5rem}.setup-image-large{border:1px solid #ffffff1a;border-radius:12px;margin-top:2rem;overflow:hidden;box-shadow:0 10px 30px #0000004d}.setup-image-large img{width:100%;display:block}.faq-section{max-width:800px;margin:0 auto;padding:10rem 0 2rem}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background:var(--bg-card);border:1px solid #ffffff0d;border-radius:12px;overflow:hidden}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem;font-weight:600;transition:background .2s;display:flex}.faq-question:hover{background:#ffffff05}.faq-icon{color:var(--accent-red);font-size:1.5rem;font-weight:300}.faq-answer{background:#0003;max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.expanded .faq-answer{border-top:1px solid #ffffff0d;max-height:500px;padding:1.5rem}.faq-answer p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.ai-quant-section{position:relative;overflow:hidden}.ai-quant-container{flex-direction:column;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:flex}@media (width>=992px){.ai-quant-container{flex-direction:row;justify-content:space-between;align-items:center}}.ai-quant-text{text-align:left;flex:1}.ai-feature-list{flex-direction:column;gap:1.2rem;padding:0;list-style:none;display:flex}.ai-feature-list li{color:var(--text-primary);align-items:flex-start;gap:1rem;font-size:1.05rem;line-height:1.4;display:flex}.ai-quant-image{flex:1;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex;position:relative}.ai-glass-image{z-index:1;object-fit:cover;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:100%;min-height:300px;transition:transform .5s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:0 20px 50px #00000080}.ai-glass-image:hover{transform:translateY(-5px)}footer{background:linear-gradient(#0000 0%,#0000004d 100%);border-top:1px solid #ffffff0d;margin-top:2rem;position:relative}footer:before{content:"";background:linear-gradient(90deg,#0000,#f03e3e4d,#0000);width:50%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.os-tabs{gap:1rem;margin-top:1.5rem;margin-bottom:1rem;display:flex}.os-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:1rem;font-weight:600;position:relative}.os-tab.active{color:var(--text-primary)}.os-tab.active:after{content:"";background:var(--text-primary);width:100%;height:2px;position:absolute;bottom:-4px;left:0}.code-container{background:#1d1d1f;border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem;position:relative}.code-text{color:#fff;word-break:break-all;padding-right:2.5rem;font-family:Fira Code,monospace;font-size:.9rem}.copy-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.copy-btn:hover{background:#fff3}.setup-image{border:1px solid #ffffff1a;border-radius:12px;margin-top:2rem;overflow:hidden}.setup-image img{width:100%;display:block}footer{text-align:center;color:var(--text-secondary);padding:4rem 0;font-size:.9rem}@media (width<=992px){.gallery-card{flex:0 0 75vw;max-width:none}.gallery-card-text{padding:1.5rem 1.5rem 0}.gallery-card-title{font-size:1.1rem}.install-grid{grid-template-columns:1fr}}.image-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.image-modal-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.image-modal-content img{object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:90vh;box-shadow:0 0 50px #000c}.image-modal-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 10px;font-size:2.5rem;line-height:1;transition:opacity .2s;position:absolute;top:-40px;right:-20px}.image-modal-close:hover{opacity:1}.gallery-indicators{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.indicator-dot{background:#ffffff26;border-radius:50%;width:8px;height:8px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.indicator-dot.active{background:var(--text-primary);border-radius:4px;width:24px}.feature-btn-wrapper{text-align:center;opacity:0;margin-top:1.5rem;margin-bottom:2.5rem;animation:1.2s forwards fadeIn}.feature-btn{color:#93c5fd;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#60a5fa26;border:1px solid #60a5fa66;border-radius:50px;align-items:center;gap:.8rem;padding:.6rem 1.4rem .6rem .6rem;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 20px #60a5fa26}.feature-btn:hover{color:#fff;background:#60a5fa40;border-color:#60a5facc;transform:translateY(-2px);box-shadow:0 8px 30px #60a5fa4d,0 0 20px #60a5fa33}.feature-btn-icon{color:#93c5fd;background:#60a5fa33;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s;display:flex}.feature-btn:hover .feature-btn-icon{color:#000;background:#60a5fa;transform:scale(1.05)}.feature-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0006;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.feature-modal-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#1d1d1fa6;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;width:50vw;max-width:700px;height:55vh;min-height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.feature-modal-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.feature-modal-close:hover{background:#fff3;transform:scale(1.05)}.feature-modal-body{flex-direction:column;flex:1;height:100%;display:flex}.feature-modal-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;display:flex;overflow-x:auto}.feature-modal-track::-webkit-scrollbar{display:none}.feature-modal-slide{scroll-snap-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;padding:2rem;display:flex}.feature-modal-image{flex:1;justify-content:center;align-items:center;width:100%;max-height:250px;margin-bottom:1.5rem;display:flex}.feature-modal-image img{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 10px 30px #0000004d}.feature-modal-text{text-align:center;max-width:800px}.feature-modal-text h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.3rem}.feature-modal-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.4}.feature-modal-nav{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:2rem;padding:1rem;display:flex}@media (width>=992px){.feature-modal-content{width:60vw;height:60vh}}.download-btn-group{flex-wrap:wrap;gap:1rem;margin:1.5rem 0;display:flex}.download-btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.download-btn.primary{background-color:var(--accent-red);color:#fff}.download-btn.primary:hover{background-color:#ff4747;transform:translateY(-2px);box-shadow:0 4px 12px #f03e3e4d}.download-btn.secondary{color:var(--text-secondary);background-color:#0000;border-color:#ffffff1a}.download-btn.secondary:hover{color:var(--text-primary);background-color:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.scroll-to-top{background-color:var(--accent-red);color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:opacity .3s,visibility .3s,transform .3s,background-color .2s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px);box-shadow:0 4px 15px #f03e3e66}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background-color:#ff5252;transform:translateY(-3px);box-shadow:0 6px 20px #f03e3e99}.scroll-to-top:active{transform:translateY(0)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}