

.btn:not(.btn-lg):not(.btn-link):not(.btn-close) {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0;
  --bs-btn-font-size: 0.75rem;
  --bs-btn-font-weight: 500;
  --bs-btn-border-radius: 0.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  min-height: 2rem;
  line-height: 1;
  background-clip: padding-box;
}
.btn.btn-sm:not(.btn-link) { min-height: 1.75rem; --bs-btn-padding-x: 0.5rem; }
.btn.btn-lg { --bs-btn-padding-x: 1rem; --bs-btn-font-size: 0.8125rem; --bs-btn-border-radius: 0.375rem; min-height: 2.5rem; font-weight: 500; }
.btn:active { transform: translateY(1px); }

.lu { display: inline-block; flex-shrink: 0; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: var(--lu) center / contain no-repeat; mask: var(--lu) center / contain no-repeat; }
.lu-house { --lu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8%22/%3E%3Cpath d=%22M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%22/%3E%3C/svg%3E"); }
.lu-package { --lu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z%22/%3E%3Cpath d=%22M12 22V12%22/%3E%3Cpolyline points=%223.29 7 12 12 20.71 7%22/%3E%3Cpath d=%22m7.5 4.27 9 5.15%22/%3E%3C/svg%3E"); }
.lu-clapperboard { --lu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m12.296 3.464 3.02 3.956%22/%3E%3Cpath d=%22M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3z%22/%3E%3Cpath d=%22M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%22/%3E%3Cpath d=%22m6.18 5.276 3.1 3.899%22/%3E%3C/svg%3E"); }
.lu-radio-tower { --lu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.9 16.1C1 12.2 1 5.8 4.9 1.9%22/%3E%3Cpath d=%22M7.8 4.7a6.14 6.14 0 0 0-.8 7.5%22/%3E%3Ccircle cx=%2212%22 cy=%229%22 r=%222%22/%3E%3Cpath d=%22M16.2 4.8c2 2 2.26 5.11.8 7.47%22/%3E%3Cpath d=%22M19.1 1.9a9.96 9.96 0 0 1 0 14.1%22/%3E%3Cpath d=%22M9.5 18h5%22/%3E%3Cpath d=%22m8 22 4-11 4 11%22/%3E%3C/svg%3E"); }
.lu-arrow-right { --lu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14%22/%3E%3Cpath d=%22m12 5 7 7-7 7%22/%3E%3C/svg%3E"); }
.lu-chevron-down { --lu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E"); }
.lu-chevron-left { --lu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m15 18-6-6 6-6%22/%3E%3C/svg%3E"); }
.lu-chevron-right { --lu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 18 6-6-6-6%22/%3E%3C/svg%3E"); }
.lu-wifi { --lu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20h.01%22/%3E%3Cpath d=%22M2 8.82a15 15 0 0 1 20 0%22/%3E%3Cpath d=%22M5 12.859a10 10 0 0 1 14 0%22/%3E%3Cpath d=%22M8.5 16.429a5 5 0 0 1 7 0%22/%3E%3C/svg%3E"); }
.lu-message-circle { --lu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719%22/%3E%3C/svg%3E"); }

body:has(.scx-modal.show) .modal-backdrop.show {
  background: rgba(0,0,0,0.62);
  opacity: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.scx-modal { font-family: 'DM Sans', sans-serif; }
.scx-modal.fade .modal-dialog { transform: translateY(28px) scale(0.97); transition: transform 0.35s cubic-bezier(0.22,1,0.36,1); }
.scx-modal.fade.show .modal-dialog { transform: none; }
.scx-modal .modal-dialog { max-width: 480px; }
.scx-modal .modal-content { background: #0c0c0c; border: 1px solid rgba(255,255,255,0.10); border-radius: 16px; color: #fff; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,0.65); }
.scx-head { display: flex; align-items: center; gap: 14px; padding: 20px 24px; border-bottom: 1px solid rgba(255,255,255,0.07); }
.scx-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.scx-icon i { font-size: 16px; color: var(--cl-accent); }
.scx-titles { flex: 1; min-width: 0; }
.scx-kicker { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.40); margin-bottom: 4px; }
.scx-title { margin: 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; color: #fff; }
.scx-close { width: 32px; height: 32px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.60); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; flex-shrink: 0; transition: background 0.2s, color 0.2s, border-color 0.2s; }
.scx-close:hover { background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.20); color: #fff; }
.scx-close svg { width: 14px; height: 14px; }
.scx-body { padding: 24px; }
.scx-field { margin-bottom: 16px; }
.scx-label { display: block; margin-bottom: 8px; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255,255,255,0.45); }
.scx-hint { margin: 0 0 10px; font-size: 0.82rem; color: rgba(255,255,255,0.45); line-height: 1.5; }
.scx-modal .form-control { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10); border-radius: 8px; color: #fff; font-family: inherit; font-size: 0.88rem; padding: 10px 12px; box-shadow: none; }
.scx-modal .form-control::placeholder { color: rgba(255,255,255,0.28); }
.scx-modal .form-control:focus { background: rgba(255,255,255,0.05); border-color: var(--cl-accent); color: #fff; box-shadow: none; }
.scx-modal .form-control:disabled { background: rgba(255,255,255,0.02); color: rgba(255,255,255,0.50); opacity: 1; }
.scx-error { margin: 0 0 14px; padding: 10px 12px; border-radius: 8px; border: 1px solid rgba(248,113,113,0.25); background: rgba(248,113,113,0.06); color: #f87171; font-size: 0.82rem; line-height: 1.5; }
.scx-submit { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 6px; border: 1px solid transparent; background: var(--cl-accent); color: #fff; font-family: inherit; font-size: 0.86rem; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.scx-submit:hover:not(:disabled) { background: color-mix(in srgb, var(--cl-accent) 85%, #000000); }
.scx-submit:disabled { opacity: 0.5; cursor: not-allowed; }
.scx-submit svg { width: 16px; height: 16px; flex-shrink: 0; }
@media (max-width: 575px) { .scx-modal .modal-dialog { margin: 0.5rem; } .scx-head { padding: 16px; } .scx-body { padding: 16px; } }

.fc-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.05);
  background: rgba(255,255,255,0.02);
  font-family: 'DM Sans', sans-serif;
  transition: border-color 0.3s, background 0.3s, transform 0.4s;
}
.fc-card:hover { border-color: rgba(255,255,255,0.14); background: rgba(255,255,255,0.03); transform: translateY(-3px); }
.fc-main { flex: 1; padding: 22px 22px 18px; display: flex; flex-direction: column; gap: 14px; }
.fc-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fc-user { display: flex; align-items: center; gap: 12px; min-width: 0; }
.fc-avatar { width: 38px; height: 38px; border-radius: 9px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fc-avatar i { font-size: 13px; color: var(--cl-accent); }
.fc-who { font-size: 0.88rem; font-weight: 600; color: #fff; line-height: 1.2; }
.fc-verified { display: flex; align-items: center; gap: 5px; margin-top: 3px; font-size: 0.72rem; color: rgba(255,255,255,0.40); line-height: 1; }
.fc-verified i { font-size: 10px; color: #4ade80; }
.fc-stars { display: flex; align-items: center; gap: 2px; flex-shrink: 0; }
.fc-stars i { font-size: 12px; color: #fbbf24; }
.fc-stars i.fc-off { color: rgba(255,255,255,0.14); }
.fc-text { margin: 0; font-size: 0.92rem; line-height: 1.7; color: rgba(255,255,255,0.72); word-break: break-word; }
.fc-text.fc-clamped { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.fc-more { align-self: flex-start; padding: 0; border: 0; background: none; font-family: inherit; font-size: 0.78rem; font-weight: 600; color: var(--cl-accent-light); cursor: pointer; transition: color 0.2s; }
.fc-more:hover { color: #fff; }
.fc-reply { border-radius: 8px; border: 1px solid rgba(255,255,255,0.06); background: rgba(255,255,255,0.03); padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
.fc-reply-head { display: flex; align-items: center; gap: 7px; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(255,255,255,0.45); line-height: 1.2; flex-wrap: wrap; }
.fc-reply-head i { font-size: 10px; color: var(--cl-accent); }
.fc-reply-head strong { color: #fff; font-weight: 600; }
.fc-reply-head time { margin-left: auto; font-weight: 500; letter-spacing: 0; text-transform: none; color: rgba(255,255,255,0.30); }
.fc-reply .fc-text { font-size: 0.84rem; color: rgba(255,255,255,0.60); line-height: 1.65; }
.fc-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 22px; border-top: 1px solid rgba(255,255,255,0.05); }
.fc-product { display: inline-flex; align-items: center; gap: 7px; min-width: 0; font-size: 0.76rem; font-weight: 500; color: rgba(255,255,255,0.55); }
.fc-product i { font-size: 10px; color: var(--cl-accent); flex-shrink: 0; }
.fc-product span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fc-date { font-size: 0.74rem; color: rgba(255,255,255,0.30); white-space: nowrap; flex-shrink: 0; }

html { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--cl-accent) 55%, #0a0a0a) #0a0a0a; }
* { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--cl-accent) 55%, #0a0a0a) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--cl-accent) 45%, #141414); border-radius: 999px; border: 2px solid #0a0a0a; }
::-webkit-scrollbar-thumb:hover { background: var(--cl-accent); }
::-webkit-scrollbar-corner { background: #0a0a0a; }

body, body * {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
input, textarea, select, [contenteditable="true"], input *, textarea * {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
img, video, svg, canvas {
  -webkit-user-drag: none;
  user-drag: none;
}
img { pointer-events: auto; }

html.ss-mode, html.ss-mode * { scrollbar-width: none !important; -ms-overflow-style: none; }
html.ss-mode::-webkit-scrollbar, html.ss-mode *::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }

.pgx-sec, .pgx-sec *, .pgx-sec *::before, .pgx-sec *::after { box-sizing: border-box; }
.pgx-sec { width: 100%; background: #0a0a0a; font-family: 'DM Sans', sans-serif; padding: 72px 0; position: relative; }
.pgx-sec.rk-page { min-height: 100vh; padding: 96px 0 120px; }
.pgx-sec .rk-wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.pgx-sec .rk-wrap.rk-narrow { max-width: 920px; }
.pgx-sec .pgx-head { margin-bottom: 32px; }
.pgx-sec .rk-kicker { margin-bottom: 8px; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.40); }
.pgx-sec .pgx-head h1, .pgx-sec .pgx-head h2 { margin: 0; font-size: 2.25rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.15; color: #fff; }
.pgx-sec .pgx-head p { margin: 10px 0 0; max-width: 560px; font-size: 0.92rem; line-height: 1.6; color: rgba(255,255,255,0.45); }
.pgx-sec.rk-center .pgx-head { text-align: center; }
.pgx-sec.rk-center .pgx-head p { margin-left: auto; margin-right: auto; }
.pgx-sec.rk-right .pgx-head { text-align: right; }
.pgx-sec.rk-right .pgx-head p { margin-left: auto; }
.pgx-sec .rk-text { margin: 0; font-size: 0.95rem; line-height: 1.8; color: rgba(255,255,255,0.60); white-space: pre-line; }
.pgx-sec.rk-center .rk-text { text-align: center; }
.pgx-sec.rk-right .rk-text { text-align: right; }
.pgx-sec .rk-cta { margin-top: 24px; }
.pgx-sec.rk-center .rk-cta-row { display: flex; justify-content: center; }
.pgx-sec.rk-right .rk-cta-row { display: flex; justify-content: flex-end; }
.pgx-sec .rk-split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.pgx-sec.rk-center .rk-split { grid-template-columns: 1fr; }
.pgx-sec .rk-media { overflow: hidden; border-radius: 12px; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.02); }
.pgx-sec .rk-media img, .pgx-sec .rk-media iframe { display: block; width: 100%; border: 0; }
.pgx-sec .rk-media iframe { aspect-ratio: 16/9; }
.pgx-sec .rk-media img { height: 100%; object-fit: cover; }
.pgx-sec .rk-gallery { display: grid; gap: 16px; }
.pgx-sec .rk-gallery.rk-c1 { grid-template-columns: 1fr; }
.pgx-sec .rk-gallery.rk-c2 { grid-template-columns: repeat(2, 1fr); }
.pgx-sec .rk-gallery.rk-c3 { grid-template-columns: repeat(3, 1fr); }
.pgx-sec .rk-gallery.rk-c4 { grid-template-columns: repeat(4, 1fr); }
.pgx-sec .rk-gallery .rk-media img { transition: transform 0.5s cubic-bezier(0.22,1,0.36,1); }
.pgx-sec .rk-gallery .rk-media:hover img { transform: scale(1.03); }
.pgx-sec .rk-empty { padding: 20px 22px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.02); font-size: 0.9rem; color: rgba(255,255,255,0.45); }

.rk-faq-list { display: flex; flex-direction: column; gap: 12px; }
.rk-faq-item { overflow: hidden; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.02); transition: border-color 0.3s, background 0.3s; }
.rk-faq-item:hover { border-color: rgba(255,255,255,0.12); background: rgba(255,255,255,0.03); }
.rk-faq-btn { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 18px 22px; border: 0; background: transparent; color: #fff; font-family: inherit; font-size: 0.96rem; font-weight: 600; letter-spacing: -0.01em; line-height: 1.4; text-align: left; cursor: pointer; }
.rk-faq-btn .lu { font-size: 14px; color: rgba(255,255,255,0.35); transition: transform 0.25s, color 0.25s; }
.rk-faq-btn:not(.collapsed) .lu { transform: rotate(180deg); color: var(--cl-accent); }
.rk-faq-btn:focus-visible { outline: 2px solid var(--cl-accent); outline-offset: -2px; }
.rk-faq-body { padding: 0 22px 20px; font-size: 0.9rem; line-height: 1.8; color: rgba(255,255,255,0.60); white-space: pre-line; }

.rk-blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 20px; }
.rk-bcard { display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.02); text-decoration: none; transition: border-color 0.3s, background 0.3s, transform 0.3s; }
.rk-bcard:hover { border-color: rgba(255,255,255,0.14); background: rgba(255,255,255,0.03); transform: translateY(-2px); }
.rk-bcard-img { position: relative; width: 100%; aspect-ratio: var(--blog-card-image-aspect-ratio, 16/9); overflow: hidden; background: rgba(255,255,255,0.03); border-bottom: 1px solid rgba(255,255,255,0.05); }
.rk-bcard-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.22,1,0.36,1); }
.rk-bcard:hover .rk-bcard-img img { transform: scale(1.04); }
.rk-bcard-ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.rk-bcard-ph svg { color: var(--cl-accent); opacity: 0.8; }
.rk-bcard-body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 18px 20px 20px; }
.rk-bcard-title { margin: 0; font-size: 1.02rem; font-weight: 600; letter-spacing: -0.015em; line-height: 1.35; color: #fff; }
.rk-bcard-sum { margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.86rem; line-height: 1.6; color: rgba(255,255,255,0.50); }
.rk-bcard-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 6px; font-size: 0.76rem; color: rgba(255,255,255,0.32); }
.rk-bcard-more { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--cl-accent-light); transition: color 0.2s; }
.rk-bcard:hover .rk-bcard-more { color: #fff; }

.rk-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 32px; }
.rk-pager-info { margin: 0; font-size: 0.8rem; color: rgba(255,255,255,0.40); }
.rk-pager-info strong { color: #fff; font-weight: 600; }
.rk-pager-list { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 4px; list-style: none; border-radius: 12px; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.03); }
.rk-pg { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; font-family: inherit; font-size: 0.85rem; font-weight: 500; color: #a4a8b1; text-decoration: none; transition: color 0.2s, background 0.2s; }
a.rk-pg:hover { color: #fff; background: rgba(255,255,255,0.06); }
.rk-pg.rk-on { background: rgba(255,255,255,0.10); color: #fff; }
.rk-pg.rk-off { opacity: 0.35; pointer-events: none; }
.rk-pager-mobile { display: none; justify-content: space-between; gap: 12px; width: 100%; }
.rk-pager-mobile .rk-pg { border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.04); color: #fff; }

.rk-post-meta { display: inline-flex; align-items: center; gap: 8px; height: 32px; margin-top: 16px; padding: 0 12px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.04); font-size: 0.78rem; font-weight: 500; color: rgba(255,255,255,0.60); }
.rk-post-meta strong { color: #fff; font-weight: 600; }
.rk-post-meta i { font-size: 12px; color: var(--cl-accent); }
.rk-post { padding: 36px 40px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.02); }
.rk-post-lead { margin: 0 0 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,0.06); font-size: 1.05rem; line-height: 1.7; color: rgba(255,255,255,0.75); }
.rk-post-img { margin-bottom: 28px; overflow: hidden; border-radius: 12px; border: 1px solid rgba(255,255,255,0.08); }
.rk-post-img img { display: block; width: 100%; height: auto; }
.rk-post .editor { font-size: 0.95rem; line-height: 1.85; color: rgba(255,255,255,0.62); }
.rk-post .editor h1, .rk-post .editor h2, .rk-post .editor h3, .rk-post .editor .e-heading-h1, .rk-post .editor .e-heading-h2, .rk-post .editor .e-heading-h3 { margin: 32px 0 12px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.3; color: #fff; }
.rk-post .editor a { color: var(--cl-accent-light); text-decoration: none; }
.rk-post .editor a:hover { color: #fff; }
.rk-post .editor strong { color: rgba(255,255,255,0.9); font-weight: 600; }
.rk-post .editor li::marker { color: var(--cl-accent); }
.rk-post .editor img { max-width: 100%; height: auto; border-radius: 12px; border: 1px solid rgba(255,255,255,0.08); }
.rk-post .editor blockquote, .rk-post .editor .e-quote { margin: 20px 0; padding: 4px 0 4px 18px; border-left: 2px solid var(--cl-accent); color: rgba(255,255,255,0.7); }
.rk-post .editor pre, .rk-post .editor code { border-radius: 8px; background: rgba(255,255,255,0.05); color: #fff; }
.rk-post .editor pre { padding: 14px 16px; border: 1px solid rgba(255,255,255,0.08); }
.rk-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; font-size: 0.82rem; font-weight: 500; color: rgba(255,255,255,0.50); text-decoration: none; transition: color 0.2s; }
.rk-back:hover { color: #fff; }

.socials .list .social { border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.02); font-family: 'DM Sans', sans-serif; transition: border-color 0.3s, background 0.3s; }
.socials .list .social:hover { border-color: rgba(255,255,255,0.14); background: rgba(255,255,255,0.04); }
.socials .list .social .left svg { color: var(--cl-accent); }

.announcement { padding: 0.45rem 0; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 500; background: color-mix(in srgb, var(--cl-accent) 14%, #0a0a0a); border-bottom: 1px solid rgba(var(--cl-accent-rgb), 0.25); color: rgba(255,255,255,0.85); }
.announcement a { color: var(--cl-accent-light); font-weight: 600; text-decoration: none; }
.announcement a:hover { color: #fff; }
.announcement a svg { width: 1rem; height: 1rem; }

.maintenance { background: #0a0a0a; font-family: 'DM Sans', sans-serif; }
.maintenance .maintenance-icon-wrapper { width: 88px; height: 88px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.04); color: var(--cl-accent); }
.maintenance .maintenance-icon-wrapper svg { width: 40px; height: 40px; }
.maintenance h1 { font-size: 2.25rem; font-weight: 700; letter-spacing: -0.025em; }
.maintenance .maintenance-accent { color: var(--cl-accent); }
.maintenance .lead { font-size: 0.95rem; line-height: 1.7; color: rgba(255,255,255,0.50) !important; }

@media (max-width: 991px) {
  .pgx-sec .rk-split { grid-template-columns: 1fr; gap: 28px; }
  .pgx-sec .rk-gallery.rk-c3, .pgx-sec .rk-gallery.rk-c4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .pgx-sec { padding: 56px 0; }
  .pgx-sec.rk-page { padding: 80px 0 80px; }
  .pgx-sec .pgx-head h1, .pgx-sec .pgx-head h2 { font-size: 1.75rem; }
  .rk-post { padding: 24px 20px; }
  .rk-pager-list, .rk-pager-info { display: none; }
  .rk-pager-mobile { display: flex; }
}
@media (max-width: 560px) {
  .pgx-sec .rk-wrap { padding: 0 16px; }
  .pgx-sec .rk-gallery.rk-c2, .pgx-sec .rk-gallery.rk-c3, .pgx-sec .rk-gallery.rk-c4 { grid-template-columns: 1fr; }
  .maintenance h1 { font-size: 1.75rem; }
}


.pgx-sec.rk-page .rk-kicker { animation: pg-a-track 1s cubic-bezier(.22,1,.36,1) backwards; }
.pgx-sec.rk-page .pgx-head h1, .pgx-sec.rk-page .pgx-head h2 { animation: pg-a-wipe 1s cubic-bezier(.77,0,.18,1) .1s backwards; }
.pgx-sec.rk-page .pgx-head p { animation: pg-a-fade .9s ease-out .45s backwards; }
.pgx-sec.rk-page .rk-back { animation: pg-a-left .8s cubic-bezier(.22,1,.36,1) backwards; }
.pgx-sec.rk-page .rk-post-meta { animation: pg-a-left .8s cubic-bezier(.22,1,.36,1) .35s backwards; }
.pgx-sec.rk-page .rk-bcard { animation: pg-a-deal .95s cubic-bezier(.22,1,.36,1) backwards; }
.pgx-sec.rk-page .rk-blog-grid > :nth-child(even) { animation-name: pg-a-deal-r; }
.pgx-sec.rk-page .rk-blog-grid > :nth-child(1) { animation-delay: 0.3s; }
.pgx-sec.rk-page .rk-blog-grid > :nth-child(2) { animation-delay: 0.4s; }
.pgx-sec.rk-page .rk-blog-grid > :nth-child(3) { animation-delay: 0.5s; }
.pgx-sec.rk-page .rk-blog-grid > :nth-child(4) { animation-delay: 0.6s; }
.pgx-sec.rk-page .rk-blog-grid > :nth-child(5) { animation-delay: 0.7s; }
.pgx-sec.rk-page .rk-blog-grid > :nth-child(6) { animation-delay: 0.8s; }
.pgx-sec.rk-page .rk-blog-grid > :nth-child(7) { animation-delay: 0.9s; }
.pgx-sec.rk-page .rk-blog-grid > :nth-child(8) { animation-delay: 1.0s; }
.pgx-sec.rk-page .rk-blog-grid > :nth-child(9) { animation-delay: 1.1s; }
.pgx-sec.rk-page .rk-faq-item { animation: pg-a-center .9s cubic-bezier(.77,0,.18,1) backwards; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(1) { animation-delay: 0.3s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(2) { animation-delay: 0.38s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(3) { animation-delay: 0.46s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(4) { animation-delay: 0.54s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(5) { animation-delay: 0.62s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(6) { animation-delay: 0.7s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(7) { animation-delay: 0.78s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(8) { animation-delay: 0.86s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(9) { animation-delay: 0.94s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(10) { animation-delay: 1.02s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(11) { animation-delay: 1.1s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(12) { animation-delay: 1.18s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(13) { animation-delay: 1.26s; }
.pgx-sec.rk-page .rk-faq-list > :nth-child(14) { animation-delay: 1.34s; }
.pgx-sec.rk-page .rk-post-lead { animation: pg-a-fade .9s ease-out .45s backwards; }
.pgx-sec.rk-page .rk-post-img { animation: pg-a-iris 1.2s cubic-bezier(.77,0,.18,1) .5s backwards; }
.pgx-sec.rk-page .rk-post .editor { animation: pg-a-focus 1.1s cubic-bezier(.22,1,.36,1) .7s backwards; }
@keyframes pg-a-track { from { opacity: 0; letter-spacing: .4em; } to { opacity: 1; letter-spacing: .08em; } }
@keyframes pg-a-wipe { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 -2% 0 0); } }
@keyframes pg-a-fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes pg-a-left { from { opacity: 0; transform: translateX(-28px); } to { opacity: 1; transform: none; } }
@keyframes pg-a-deal { from { opacity: 0; transform: translate(-50px, 40px) rotate(-4deg); } to { opacity: 1; transform: none; } }
@keyframes pg-a-deal-r { from { opacity: 0; transform: translate(50px, 40px) rotate(4deg); } to { opacity: 1; transform: none; } }
@keyframes pg-a-center { from { opacity: 0; clip-path: inset(0 50% 0 50%); } to { opacity: 1; clip-path: inset(0 0 0 0); } }
@keyframes pg-a-iris { from { clip-path: inset(50% 50% 50% 50% round 16px); } to { clip-path: inset(-2% -2% -2% -2% round 16px); } }
@keyframes pg-a-focus { from { opacity: 0; filter: blur(8px); transform: translateY(16px); } to { opacity: 1; filter: blur(0); transform: none; } }
@media (prefers-reduced-motion: reduce) { .pgx-sec.rk-page *, .pgx-sec.rk-page *::before, .pgx-sec.rk-page *::after { animation: none !important; } }

.maintenance-icon-wrapper { animation: mt-a-in 1.2s cubic-bezier(.34,1.3,.64,1) backwards; }
.maintenance-icon-wrapper svg { animation: mt-a-spin 28s linear 1.2s infinite; }
.maintenance h1 { animation: mt-a-focus 1.1s cubic-bezier(.22,1,.36,1) .35s backwards; }
.maintenance .lead { animation: mt-a-fade .9s ease-out .75s backwards; }
.maintenance .btn { animation: mt-a-pop .8s cubic-bezier(.34,1.56,.64,1) 1.05s backwards; }
@keyframes mt-a-in { from { opacity: 0; transform: rotate(-200deg) scale(.2); } to { opacity: 1; transform: none; } }
@keyframes mt-a-spin { to { transform: rotate(360deg); } }
@keyframes mt-a-focus { from { opacity: 0; letter-spacing: .15em; filter: blur(12px); } to { opacity: 1; letter-spacing: normal; filter: blur(0); } }
@keyframes mt-a-fade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes mt-a-pop { from { opacity: 0; transform: scale(.5); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .maintenance *, .maintenance *::before, .maintenance *::after { animation: none !important; } }

html.hx-on .hx-t:not(.hx-in) { opacity: 0; }
.hx-t.hx-in { animation: hx-tilt 1s cubic-bezier(.22,1,.36,1) calc(var(--hx, 0) * 90ms) backwards; }
.hx-t.hx-in[data-fx="wipe"] { animation-name: hx-wipe; animation-duration: 1s; }
.hx-t.hx-in[data-fx="pop"] { animation-name: hx-pop; animation-duration: .7s; animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
.hx-t.hx-in[data-fx="focus"] { animation-name: hx-focus; animation-duration: 1.1s; }
.hx-t.hx-in[data-fx="iris"] { animation-name: hx-iris; animation-duration: 1.2s; animation-timing-function: cubic-bezier(.77,0,.18,1); }
.hx-t.hx-in[data-fx="curtain"] { animation-name: hx-curtain; animation-duration: 1s; animation-timing-function: cubic-bezier(.77,0,.18,1); }
.hx-t.hx-in[data-fx="deal"] { animation-name: hx-deal; }
.hx-t.hx-in[data-fx="deal"]:nth-child(even) { animation-name: hx-deal-r; }
@keyframes hx-tilt { from { opacity: 0; transform: translateY(40px) rotate(-3deg) scale(.95); } to { opacity: 1; transform: none; } }
@keyframes hx-wipe { from { opacity: 0; clip-path: inset(0 100% 0 0); transform: translateX(-24px); } to { opacity: 1; clip-path: inset(0 0 0 0); transform: none; } }
@keyframes hx-pop { from { opacity: 0; transform: scale(.55); } to { opacity: 1; transform: none; } }
@keyframes hx-focus { from { opacity: 0; filter: blur(12px); transform: scale(1.06); } to { opacity: 1; filter: blur(0); transform: none; } }
@keyframes hx-iris { from { opacity: 0; clip-path: inset(50% 50% 50% 50% round 20px); } to { opacity: 1; clip-path: inset(-2% -2% -2% -2% round 20px); } }
@keyframes hx-curtain { from { opacity: 0; clip-path: inset(100% 0 0 0); transform: translateY(30px); } to { opacity: 1; clip-path: inset(0 0 0 0); transform: none; } }
@keyframes hx-deal { from { opacity: 0; transform: translate(-50px, 40px) rotate(-4deg); } to { opacity: 1; transform: none; } }
@keyframes hx-deal-r { from { opacity: 0; transform: translate(50px, 40px) rotate(4deg); } to { opacity: 1; transform: none; } }

@view-transition { navigation: auto; }
::view-transition-old(root) { animation: pt-vt-out .28s cubic-bezier(.4,0,1,1) both; }
::view-transition-new(root) { animation: pt-vt-in .55s cubic-bezier(.22,1,.36,1) .05s both; }
@keyframes pt-vt-out { to { opacity: 0; transform: translateY(-10px) scale(.992); filter: blur(4px); } }
@keyframes pt-vt-in { from { opacity: 0; transform: translateY(18px) scale(1.004); filter: blur(4px); } to { opacity: 1; transform: none; filter: blur(0); } }
html.pt-fb body { animation: pt-fb-in .5s cubic-bezier(.22,1,.36,1) backwards; }
html.pt-out body { opacity: 0; transition: opacity .24s ease-in; }
@keyframes pt-fb-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
  html.pt-fb body { animation: none; }
}
