:root{color-scheme:dark;font-family:Inter,Noto Sans KR,system-ui,sans-serif;background:#111016;color:#f7f2e8;--panel: #1f1b2d;--panel-2: #2d2640;--accent: #ffb347;--accent-2: #7ce7d8;--border: #000}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(#0000 95%,#ffffff0a 95%) 0 0 / 100% 16px,linear-gradient(90deg,#0000 95%,#ffffff0a 95%) 0 0 / 16px 100%,#111016}a{color:inherit;text-decoration:none}.hub-shell{max-width:1440px;margin:0 auto;padding:32px 20px 56px}.hero{margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--accent-2);font-size:.75rem;letter-spacing:.2em}.hero h1{margin:0;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.95}.hero-copy{max-width:42rem;margin:12px 0 0;color:#ddd4c8}.desktop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.service-card{overflow:hidden;border:3px solid var(--border);box-shadow:6px 6px #000;background:var(--panel)}.card-body{display:grid;gap:12px;padding:14px}.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.service-panel{display:grid;gap:12px;padding:0 16px 16px}.desktop-grid .service-panel{padding:0}.service-panel p{margin:0;color:#ddd4c8;font-size:.9rem;line-height:1.45}.sample-dropdown{border:2px solid var(--border);background:#16121f}.sample-dropdown summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:700;font-size:.85rem}.sample-dropdown summary::-webkit-details-marker{display:none}.sample-dropdown summary:after{content:"▾";float:right;opacity:.7}.sample-dropdown[open] summary:after{content:"▴"}.sample-video-wrap{border-top:2px solid var(--border);background:#0e0c15;aspect-ratio:9 / 16;max-width:280px;margin:0 auto 12px;overflow:hidden}.sample-video{display:block;width:100%;height:100%;object-fit:cover}.status-chip,.panel-cta{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:2px solid #000;background:var(--accent);color:#20160a;font-size:.75rem;font-weight:700}.service-card.is-soon{opacity:.88}.service-card.is-soon .status-chip{background:#6e6878;color:#f7f2e8}.status-meta{display:inline-flex;align-items:center;gap:8px}.click-count{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700;color:var(--accent-2);letter-spacing:.02em}.click-count svg{flex-shrink:0}.panel-cta{justify-self:start;padding:10px 14px}.panel-cta.is-disabled{background:#6e6878;color:#f7f2e8;cursor:default;pointer-events:none}.mobile-list{display:none;margin-top:20px;gap:12px}.mobile-list>details{border:3px solid var(--border);box-shadow:4px 4px #000;background:var(--panel)}.mobile-list>details>summary{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;list-style:none}.mobile-list>details>summary::-webkit-details-marker{display:none}.mobile-list>details.is-soon .status-chip{background:#6e6878;color:#f7f2e8}@media(max-width:767px){.desktop-grid{display:none}.mobile-list{display:grid}}.legal-nav{margin-top:36px;display:flex;justify-content:center;align-items:center;gap:8px;color:#9a9186;font-size:.75rem}.legal-nav button{border:0;background:none;padding:4px 2px;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:#9a918673;cursor:pointer}.hub-credit{margin-top:10px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;color:#9a9186;font-size:.72rem;letter-spacing:.02em}.hub-credit p{margin:0}.hub-credit a{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none}.hub-credit a:hover{color:#f7f2e8}.legal-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:end center;padding:12px 12px max(12px,env(safe-area-inset-bottom));background:#0000008c}.legal-sheet{width:min(28rem,100%);max-height:min(86dvh,40rem);display:flex;flex-direction:column;border:3px solid #000;box-shadow:6px 6px #000;background:var(--panel)}.legal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:2px solid #000}.legal-head h2{margin:0;font-size:1.05rem}.legal-close{border:2px solid #000;background:var(--accent);color:#20160a;padding:6px 10px;font-size:.75rem;font-weight:700;cursor:pointer}.legal-body{overflow:auto;padding:14px 16px 20px;display:grid;gap:16px}.legal-body h3{margin:0 0 8px;font-size:.92rem;color:var(--accent-2)}.legal-body p{margin:0 0 8px;color:#ddd4c8;font-size:.86rem;line-height:1.55}.legal-body p:last-child{margin-bottom:0}.legal-body a{color:var(--accent);text-decoration:underline;text-underline-offset:.15em}.legal-closing{margin-top:4px!important;color:#9a9186!important;font-size:.8rem!important}