.new-page,.new-page *{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.new-page{background:#0b0b0f;color:#fff;min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px 72px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#0b0b0fe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.logo{display:flex;align-items:center;gap:6px}.logo-icon{height:24px;width:24px;object-fit:contain}.logo-text{font-size:18px;font-weight:700;color:#fff}.nav{display:flex;gap:28px;font-size:14px}.nav a{color:#d6d6d6;text-decoration:none}.nav a:hover{color:#fff}.header-cta{display:flex;gap:12px;align-items:center}.primary-button,.secondary-button,.ghost-button,.tag{border-radius:999px;padding:10px 20px;border:none;font-weight:600;cursor:pointer;font-size:13px}.primary-button{background:#fff;color:#0a0a0a;text-decoration:none}.secondary-button{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.secondary-button.cta-active{background:linear-gradient(135deg,#7c3aed,#9333ea 45%,#a855f7);border-color:#a78bfae6;box-shadow:0 10px 24px #7c3aed59}.secondary-button:hover{border-color:#7c3aed}.ghost-button{background:transparent;color:#c9c9c9;border:1px solid rgba(255,255,255,.12)}.hero{display:flex;flex-direction:column;gap:24px;padding:32px 72px 48px}.hero-top{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.hero-cta{text-align:center;display:flex;flex-direction:column;gap:6px}.hero-cta h1{margin:0;font-size:34px;letter-spacing:-.4px;font-weight:700}.hero-cta h2{margin:0;font-size:16px;font-weight:400;color:#ffffffb8}.hero-web-cta{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-top:16px;padding:14px 36px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s}.hero-web-cta:hover{opacity:.88}.chip-row{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;padding:6px 0 10px}.chip-row::-webkit-scrollbar{display:none}.chip{background:transparent;color:#e0e0e0;border:1px solid rgba(255,255,255,.18);padding:8px 14px;border-radius:999px;font-size:12px;white-space:nowrap}.chip.active{background:linear-gradient(135deg,#7c3aed,#9333ea 45%,#a855f7);border-color:#a78bfae6;color:#fff}.chip-cta.active{font-weight:700}.hero-carousel{overflow:hidden}.hero-card{flex:0 0 340px;width:340px;height:480px;background:#ffffff0a;border-radius:20px;border:1px solid rgba(255,255,255,.08);min-height:480px;position:relative;overflow:hidden}.hero-carousel-track{display:flex;gap:12px;align-items:stretch;width:max-content;animation:hero-slide 40s linear infinite}.hero-card-image{width:100%;height:100%;background:radial-gradient(circle at top,rgba(124,58,237,.22),transparent 55%),linear-gradient(160deg,#ffffff14,#00000080);display:flex;align-items:flex-end;position:relative;overflow:hidden}.hero-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 45%,rgba(8,8,12,.6) 72%,rgba(8,8,12,.92) 100%);z-index:0;pointer-events:none}.hero-card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:0}.hero-card-overlay{padding:24px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.hero-card-overlay>*{position:relative;z-index:1}.hero-badge{display:inline-flex;background:#7c3aed;color:#fff;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;width:fit-content}.hero-card-overlay h2{margin:0;font-size:24px}.hero-card-overlay p{margin:0;color:#d0d0d0;font-size:13px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#bdbdbd}.hero-index{position:absolute;top:16px;right:16px;color:#fff;font-size:12px;background:#00000059;padding:4px 8px;border-radius:999px}@keyframes hero-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:48px 72px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:24px;margin:0;color:#a855f7}.section-subtitle{font-size:12px;color:#ffffff8c}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-grid.intro-grid{grid-template-columns:repeat(3,minmax(220px,1fr));align-items:stretch}.card-grid.compact{gap:16px}.section-helper{margin:0 0 12px;color:#ffffffa6;font-size:13px}.section-helper.error{color:#f97316}.showcase-section{padding-top:16px}.showcase-list{display:flex;flex-direction:column;gap:28px}.showcase-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.showcase-header h3{margin:0;font-size:18px}.showcase-meta{font-size:11px;color:#fff9;border:1px solid rgba(255,255,255,.15);padding:4px 10px;border-radius:999px}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.showcase-card{display:flex;flex-direction:row;height:240px}.showcase-card .card-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:20px;order:1}.showcase-card .card-body h3{margin:0;font-size:16px;font-weight:600;line-height:1.3}.showcase-card .card-body p{margin:0;color:#ffffffa6;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.showcase-card .card-image.showcase-image{flex:0 0 130px;width:130px;height:100%;padding:0;overflow:hidden;background:#ffffff14;order:2}.showcase-image img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.showcase-image span{font-size:12px;color:#ffffffa6}.showcase-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#ffffffa6}.stacked-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.content-card{background:#ffffff0f;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.content-card.large{grid-column:span 2}.card-image{background:#ffffff1a;height:140px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff9;letter-spacing:.6px}.card-body{padding:16px}.intro-grid .card-body{text-align:center}.card-body h3{margin:0 0 8px;font-size:15px}.card-body p{margin:0;color:#c7c7c7;font-size:13px;line-height:1.4}.tags{padding-bottom:72px}.tags .section-header{justify-content:center;text-align:center}.tags .section-header h2{width:100%}.tag-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.tag{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.12)}.cta-section{padding:64px 72px 80px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;background:radial-gradient(circle at top,rgba(124,58,237,.25),transparent 55%)}.cta-pill{padding:6px 16px;border-radius:999px;background:#ffffff14;color:#c9c9c9;font-size:12px;border:1px solid rgba(255,255,255,.14)}.cta-title{margin:0;font-size:34px;letter-spacing:-.6px}.cta-subtitle{margin:0;color:#ffffffb3;font-size:15px;line-height:1.6}.cta-buttons{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap;justify-content:center}.cta-button{display:inline-flex;align-items:center;gap:16px;padding:16px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;text-decoration:none;min-width:260px;justify-content:space-between}.cta-button:hover{border-color:#7c3aed99;box-shadow:0 12px 30px #7c3aed40}.cta-button-icon{font-weight:700;font-size:14px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:16px}.cta-store-icon{width:22px;height:22px;display:block;object-fit:contain}.cta-button-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.cta-button-label{font-size:16px;font-weight:600}.cta-button-subtitle{font-size:12px;color:#ffffffa6}.cta-button-arrow{font-size:18px;color:#ffffffb3}.site-footer{padding:40px 72px 56px;color:#8c8c8c;border-top:1px solid rgba(255,255,255,.08);font-size:12px;display:flex;flex-direction:column;gap:12px}.footer-links{display:flex;flex-wrap:wrap;gap:16px;color:#b6b6b6}.footer-meta{color:#8c8c8c}.footer-copy{color:#6e6e6e}@media(max-width:900px){.site-header{flex-direction:row;align-items:center;justify-content:space-between;padding:16px 20px;gap:12px}.nav{display:none}.header-cta{gap:8px}.header-cta .primary-button{display:none}.header-cta .secondary-button{padding:10px 14px;font-size:12px;white-space:nowrap}.hero{padding:32px 0 40px;gap:20px}.section,.cta-section{padding:40px 20px}.site-footer{padding:32px 20px 48px}.hero-cta{padding:0 20px}.hero-cta h1{font-size:26px;letter-spacing:-.3px}.hero-cta h2{font-size:14px}.chip-row{padding:6px 20px 12px;gap:8px;width:100%}.chip{padding:10px 16px;min-height:44px;display:inline-flex;align-items:center}.hero-carousel{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}.hero-carousel::-webkit-scrollbar{display:none}.hero-carousel-track{animation:none;flex-direction:row;width:max-content;padding:0 20px;gap:12px}.hero-card{flex:0 0 260px;width:260px;height:368px;min-height:368px}.card-grid.intro-grid{grid-template-columns:1fr}.intro-grid .card-image{height:200px}.content-card.large{grid-column:span 1}.showcase-grid{grid-template-columns:1fr}.showcase-card{flex-direction:column;height:auto;min-height:0}.showcase-card .card-image.showcase-image{flex:none;width:100%;height:0;padding-bottom:120%;position:relative;order:1}.showcase-card .card-image.showcase-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.showcase-card .card-body{order:2;padding:16px}.cta-title{font-size:26px;letter-spacing:-.4px}.cta-subtitle{font-size:14px}.cta-buttons{flex-direction:column;gap:12px;width:100%}.cta-button{min-width:0;width:100%;max-width:360px;align-self:center}}@media(max-width:480px){.site-header{padding:14px 16px}.header-cta .secondary-button{padding:9px 12px;font-size:11px}.hero{padding:24px 0 32px}.hero-cta{padding:0 16px}.hero-cta h1{font-size:22px}.hero-cta h2{font-size:13px}.chip-row{padding:6px 16px 12px}.hero-carousel-track{padding:0 16px}.hero-card{flex:0 0 232px;width:232px;height:328px;min-height:328px}.section,.cta-section{padding:32px 16px}.site-footer{padding:28px 16px 40px}.cta-title{font-size:22px}.cta-subtitle{font-size:13px}.primary-button,.secondary-button,.ghost-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.cta-button{padding:14px 20px;min-height:64px}}