.art-frame-page{box-sizing:border-box;background:#0a0a0a;min-height:100vh}.art-frame{z-index:1;background:#f3f4f6;border-radius:40px 40px 0 0;width:calc(100% - 24px);max-width:1800px;height:calc(100vh - 38px);position:fixed;top:38px;left:50%;overflow:hidden;transform:translate(-50%)}.art-scroll{scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.art-scroll::-webkit-scrollbar{display:none}.art-inner{max-width:1240px;margin:0 auto;padding:clamp(80px,12vh,120px) 36px 100px}.a-layout{grid-template-columns:1fr 300px;align-items:start;gap:48px;display:grid}.a-main{min-width:0}.a-aside{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.a-crumb{align-items:center;gap:12px;margin-bottom:32px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.a-crumb a{color:#00000073;text-decoration:none;transition:all .18s}.a-crumb a:hover{color:#3b6bff}.a-crumb-sep{color:#0003}.a-crumb-cat{color:var(--tag-c,#3b6bff);letter-spacing:.06em}.a-header{margin-bottom:36px}.a-title{letter-spacing:-.03em;color:#1f2024;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15}.a-intro{color:#0000008c;max-width:640px;font-size:18px;line-height:1.65}.a-meta{color:#00000059;align-items:center;gap:10px;margin-top:24px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.a-meta-dot{opacity:.4}.a-hero-img{background:#fff;border-radius:16px;margin-bottom:44px;overflow:hidden;box-shadow:0 1px 2px #181a1f0a,0 8px 24px -12px #181a1f24}.a-hero-img img{width:100%;height:auto;display:block}.a-body h2{letter-spacing:-.02em;color:#1f2024;margin:44px 0 16px;font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.a-body h2:first-child{margin-top:0}.a-body p{color:#0009;margin-bottom:18px;font-size:16px;line-height:1.75}.a-body p strong{color:#1f2024;font-weight:600}.a-body a{color:#3b6bff;border-bottom:1px solid #3b6bff4d;transition:all .18s}.a-body a:hover{border-bottom-color:#3b6bff}.a-callout{border-left:3px solid var(--tag-c,#3b6bff);background:#fff;border-radius:0 12px 12px 0;margin:32px 0;padding:20px 24px}.a-callout p{color:#1f2024;margin:0;font-family:Poppins,sans-serif;font-size:17px;font-weight:500;line-height:1.5}.a-list{margin:20px 0 28px;padding-left:0;list-style:none}.a-list li{color:#0009;margin-bottom:12px;padding-left:20px;font-size:16px;line-height:1.7;position:relative}.a-list li:before{content:"";background:#00000040;border-radius:50%;width:5px;height:5px;position:absolute;top:11px;left:0}.a-list li strong{color:#1f2024;font-weight:600}.a-cards{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 32px;display:grid}.a-card{border:1px solid #0000000f;border-top:3px solid var(--card-c);background:#fff;border-radius:12px;padding:20px}.a-card-label{letter-spacing:.1em;color:var(--card-c);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:block}.a-card p{color:#00000080;margin:0;font-size:14px;line-height:1.6}.a-zigzag{background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:32px;margin:36px 0;padding:24px;display:flex;box-shadow:0 1px 2px #181a1f0a,0 6px 20px -8px #181a1f1a}.a-zigzag--right{flex-direction:row-reverse}.a-zigzag-img{border-radius:12px;flex:0 0 45%;overflow:hidden}.a-zigzag-img img{width:100%;height:auto;display:block}.a-zigzag-text{flex:1;min-width:0}.a-zigzag-text h3{letter-spacing:-.02em;color:#1f2024;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;line-height:1.3}.a-zigzag-text p{color:#00000080;margin:0;font-size:14.5px;line-height:1.65}.a-steps{flex-direction:column;gap:4px;margin:28px 0 32px;display:flex}.a-step{background:#fff;border:1px solid #0000000d;border-radius:12px;gap:16px;padding:18px 20px;display:flex}.a-step-n{color:#3b6bff66;flex-shrink:0;padding-top:2px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.a-step h4{color:#1f2024;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.a-step p{color:#00000080;margin:0;font-size:14px;line-height:1.55}.a-faq{border-top:1px solid #00000014;margin:56px 0 0;padding-top:40px}.a-faq h2{color:#1f2024;letter-spacing:-.02em;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.a-faq-item{background:#fff;border:1px solid #0000000f;border-radius:12px;margin-bottom:10px;overflow:hidden}.a-faq-item summary{cursor:pointer;color:#1f2024;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;list-style:none;transition:all .18s;display:flex}.a-faq-item summary::-webkit-details-marker{display:none}.a-faq-item summary:after{content:"+";color:#0000004d;flex-shrink:0;font-size:18px;transition:all .2s}.a-faq-item[open] summary:after{transform:rotate(45deg)}.a-faq-item summary:hover{color:#3b6bff}.a-faq-item p{color:#0000008c;margin:0;padding:0 20px 18px;font-size:14px;line-height:1.65}.a-source{color:#00000073;background:#fff;border:1px solid #0000000f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:40px;padding:16px 20px;font-size:13px;display:flex}.a-video{background:#000;border-radius:16px;margin:32px 0;overflow:hidden;box-shadow:0 1px 2px #181a1f0a,0 8px 24px -12px #181a1f24}.a-video video{width:100%;height:auto;display:block}.a-video-caption{color:#00000073;text-align:center;background:#f3f4f6;margin:0;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:12.5px}.a-img-full{background:#fff;border-radius:16px;margin:32px 0;overflow:hidden;box-shadow:0 1px 2px #181a1f0a,0 8px 24px -12px #181a1f24}.a-img-full img{width:100%;height:auto;display:block}.a-img-caption{color:#00000073;text-align:center;background:#f3f4f6;margin:0;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:12.5px}.a-source a{color:#3b6bff;font-weight:500;text-decoration:none}.a-side-card{background:#fff;border:1px solid #0000000f;border-radius:14px;padding:18px;box-shadow:0 1px 2px #181a1f0a,0 8px 24px -12px #181a1f24}.a-side-card h4{color:#00000059;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.a-toc{flex-direction:column;gap:9px;display:flex}.a-toc a{color:#0000008c;border-left:2px solid #00000014;padding-left:12px;font-size:13px;line-height:1.4;text-decoration:none;transition:all .18s}.a-toc a:hover{color:#3b6bff;border-left-color:#3b6bff}.a-toc a.a-toc-active{color:#3b6bff;border-left-color:#3b6bff;font-weight:600}.a-cta{color:#fff;background:#1f2024 radial-gradient(circle at 100% 0,#3b6bff40,#0000 60%);border-radius:14px;padding:22px}.a-cta h3{letter-spacing:-.02em;margin-bottom:6px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600}.a-cta p{color:#ffffff80;margin-bottom:16px;font-size:12.5px;line-height:1.5}.a-cta-btn{color:#fff;text-align:center;background:#3b6bff;border-radius:8px;padding:10px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;display:block}.a-cta-btn:hover{background:#2b52d6}.a-footer{border-top:1px solid #00000014;flex-direction:column;gap:32px;margin-top:56px;padding-top:40px;display:flex}.a-footer-back{color:#3b6bff;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.a-footer-back:hover{color:#2b52d6}.a-footer-share-label{color:#00000059;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:block}.a-footer-share-btns{flex-wrap:wrap;gap:10px;display:flex}.a-share-btn{color:#0009;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.a-share-btn:hover{color:#1f2024;border-color:#00000026;box-shadow:0 2px 8px #0000000f}.a-share-wpp:hover{color:#25d366;border-color:#25d3664d}.a-share-ig:hover{color:#e1306c;border-color:#e1306c4d}@media (width<=1000px){.a-layout{grid-template-columns:1fr}.a-aside{display:none}}@media (width<=900px){.art-frame{border-radius:32px 32px 0 0;width:100%;height:auto;min-height:100vh;margin-top:38px;position:relative;top:0;left:0;transform:none}.art-scroll{position:relative;inset:auto;overflow:visible}.art-inner{padding:90px 24px 80px}.a-cards{grid-template-columns:1fr}.a-zigzag{flex-direction:column!important}.a-zigzag-img{flex:none;width:100%}.a-footer-share-btns{flex-direction:column}}
