.services-more{display:flex;justify-content:center}.js-services-more svg{transition:transform var(--dur) var(--ease)}.js-services-more[aria-expanded=true] svg{transform:rotate(180deg)}.article-card h3{font-size:1rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:auto;padding-top:var(--sp-2);font-size:.75rem;color:var(--text-subtle)}.article-meta span{display:flex;align-items:center;gap:4px}.article-meta svg{width:13px;height:13px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-1);margin-bottom:var(--sp-6)}.chip{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.chip:hover{color:var(--text);border-color:var(--secondary)}.chip.is-active{border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff}.searchbar{display:flex;gap:var(--sp-1);max-width:520px;margin:0 auto var(--sp-6)}.searchbar .input{border-radius:var(--radius-full);padding-inline:var(--sp-3)}.loader{display:grid;place-items:center;gap:var(--sp-1);padding:var(--sp-6) 0;font-size:.875rem;color:var(--text-subtle)}.article-hero{max-width:820px;margin-inline:auto;padding-block:var(--sp-6) var(--sp-4)}.article-hero h1{margin-top:var(--sp-2);font-size:clamp(1.75rem,1.3rem + 2.2vw,2.75rem)}.article-hero .article-meta{justify-content:flex-start;margin-top:var(--sp-3);padding-top:0;font-size:.8125rem}.article-cover{max-width:900px;margin:0 auto var(--sp-6);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);aspect-ratio:16/9}.article-cover img{width:100%;height:100%;object-fit:cover}.countdown-box{max-width:820px;margin:0 auto var(--sp-6);padding:var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);text-align:center}.countdown-box .num{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--secondary)}.countdown-box .btn[aria-disabled=true]{pointer-events:none;opacity:.5}.dl-list{display:grid;gap:var(--sp-1)}.dl-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.dl-row:hover{border-color:var(--border-strong);background:var(--surface-strong);transform:translateY(-2px)}.dl-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--radius-sm);background:var(--surface-strong)}.dl-icon img{width:24px;height:24px}.dl-info{flex:1;min-width:0}.dl-info h2{font-size:.9375rem;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:2px;font-size:.8125rem;color:var(--text-subtle)}.dl-meta span{display:flex;align-items:center;gap:5px}.dl-meta svg{width:13px;height:13px;color:var(--secondary)}.dl-row .btn{flex:none}@media (max-width:599px){.dl-row{flex-wrap:wrap}.dl-info{flex-basis:calc(100% - 60px)}.dl-info h2{white-space:normal}.dl-row .btn{width:100%}}.channel{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.channel:hover{border-color:var(--secondary);background:var(--surface-strong);transform:translateY(-3px)}.channel-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;border:1px solid var(--border);background:var(--surface-strong)}.channel-icon svg{width:24px;height:24px}.channel-icon--wa{color:#25d366}.channel-icon--tg{color:#29a9eb}.channel-icon--mail{color:var(--secondary)}.channel-text{min-width:0}.channel-text h3{font-size:1rem}.channel-text p{font-size:.875rem;color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis}.channel-arrow{margin-left:auto;flex:none;width:18px;height:18px;color:var(--text-subtle);transition:transform var(--dur) var(--ease)}.channel:hover .channel-arrow{transform:translateX(3px);color:var(--secondary)}.upload-card{max-width:640px;margin-inline:auto;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.dropzone{display:grid;justify-items:center;gap:var(--sp-1);padding:var(--sp-6) var(--sp-3);border:2px dashed var(--border-strong);border-radius:var(--radius);background:rgba(255,255,255,.02);text-align:center;cursor:pointer;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.dropzone.is-dragover,.dropzone:hover,.upload-card input[type=file]:focus-visible+.dropzone{border-color:var(--secondary);background:rgba(26,176,254,.06)}.upload-card input[type=file]:focus-visible+.dropzone{outline:2px solid var(--secondary);outline-offset:3px}.dropzone-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--sp-1);border-radius:50%;border:1px solid var(--border);background:var(--surface-strong);color:var(--secondary)}.dropzone-icon svg{width:26px;height:26px}.dropzone strong{font-size:1rem}.dropzone span{font-size:.875rem;color:var(--text-subtle)}.file-chip{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-strong)}.file-chip-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--radius-sm);background:var(--surface);color:var(--secondary)}.file-chip-icon svg{width:20px;height:20px}.file-chip-info{flex:1;min-width:0}.file-chip-info strong{display:block;font-size:.9375rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-info span{font-size:.8125rem;color:var(--text-subtle)}.file-remove{display:grid;place-items:center;width:36px;height:36px;flex:none;border:0;border-radius:var(--radius-sm);background:0 0;color:var(--text-subtle);cursor:pointer;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.file-remove:hover{color:var(--danger);background:var(--surface)}.file-remove svg{width:18px;height:18px}.progress{height:6px;margin-top:var(--sp-2);border-radius:var(--radius-full);background:var(--surface-strong);overflow:hidden}.progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width 150ms linear}.result-link{display:flex;gap:var(--sp-1);margin-top:var(--sp-2)}.result-link .input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8125rem}@media (max-width:479px){.upload-card{padding:var(--sp-3)}.result-link{flex-direction:column}.result-link .btn{width:100%}}.form-card{max-width:720px;margin-inline:auto;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}@media (max-width:599px){.form-card{padding:var(--sp-3)}}.tutorial-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--sp-8);align-items:start}.tutorial-sidebar{position:sticky;top:calc(var(--header-h) + var(--sp-3));align-self:start;max-height:calc(100vh - var(--header-h) - var(--sp-5));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.tutorial-sidebar::-webkit-scrollbar{width:8px}.tutorial-sidebar::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--border-strong)}.tutorial-nav-toggle{display:none;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer}.tutorial-nav-toggle-label{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.tutorial-nav-toggle-current{display:block;font-weight:600;color:var(--text)}.tutorial-nav-toggle svg{width:20px;height:20px;flex:none;color:var(--text-subtle);transition:transform var(--dur) var(--ease)}.tutorial-nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.tutorial-nav{display:grid;gap:var(--sp-4);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.tutorial-nav-title{display:flex;align-items:center;gap:var(--sp-1);width:100%;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:0 0;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle);text-align:left;cursor:pointer;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.tutorial-nav-title:hover{color:var(--text);background:var(--surface-strong)}.tutorial-nav-title-text{flex:1;min-width:0}.tutorial-nav-icon{display:grid;place-items:center;color:var(--secondary)}.tutorial-nav-icon svg{width:16px;height:16px}.tutorial-nav-chevron{width:16px;height:16px;flex:none;color:var(--text-subtle);transition:transform var(--dur) var(--ease)}.tutorial-nav-title[aria-expanded=true] .tutorial-nav-chevron{transform:rotate(180deg);color:var(--secondary)}.tutorial-nav-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur) var(--ease)}.tutorial-nav-panel>ul{overflow:hidden;min-height:0}.tutorial-nav-group.is-open .tutorial-nav-panel{grid-template-rows:1fr}.tutorial-nav-group ul{display:grid;gap:2px;padding-top:4px}.tutorial-nav a{display:block;padding:8px 12px;border-radius:var(--radius-sm);font-size:.9375rem;color:var(--text-muted);transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.tutorial-nav a:hover{color:var(--text);background:var(--surface-strong)}.tutorial-nav a.is-active{color:var(--text);font-weight:600;background:linear-gradient(135deg,rgba(49,106,254,.22),rgba(26,176,254,.12));box-shadow:inset 2px 0 0 var(--secondary)}.tutorial-content{min-width:0}.tutorial-content .breadcrumb{margin-bottom:var(--sp-3)}.tutorial-article-head{margin-bottom:var(--sp-4)}.tutorial-article-head h2{margin-top:var(--sp-1);scroll-margin-top:calc(var(--header-h) + var(--sp-3))}.tutorial-pager{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:space-between;margin-top:var(--sp-8);padding-top:var(--sp-4);border-top:1px solid var(--border)}.tutorial-pager-link{display:flex;align-items:center;gap:var(--sp-2);flex:1 1 240px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.tutorial-pager-link:hover{border-color:var(--secondary);background:var(--surface-strong);transform:translateY(-2px)}.tutorial-pager-next{text-align:right;justify-content:flex-end}.tutorial-pager-link svg{width:18px;height:18px;flex:none;color:var(--secondary)}.tutorial-pager-link small{display:block;font-size:.75rem;color:var(--text-subtle)}.tutorial-pager-link b{font-size:.9375rem;font-weight:600;color:var(--text)}@media (max-width:991px){.tutorial-layout{grid-template-columns:1fr;gap:var(--sp-3)}.tutorial-sidebar{position:static;max-height:none;overflow:visible}.tutorial-nav-toggle{display:flex}.tutorial-nav{display:none;margin-top:var(--sp-1)}.tutorial-sidebar.is-open .tutorial-nav{display:grid}}@media (max-width:599px){.tutorial-pager-link{flex-basis:100%}}