.json-viewer-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0a0a0a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:32px;animation:fade-in .3s ease-out forwards}.json-viewer-modal__overlay.is-closing{animation:fade-out .3s ease-in forwards}.json-viewer-modal__container{width:100%;max-width:900px;height:90vh;background-color:#27272a;border:1px solid #3f3f46;border-radius:16px;box-shadow:0 10px 40px #0006;display:flex;flex-direction:column;overflow:hidden}.json-viewer-modal__overlay:not(.is-closing) .json-viewer-modal__container{animation:popup-enter .4s cubic-bezier(.19,1,.22,1) forwards}.json-viewer-modal__overlay.is-closing .json-viewer-modal__container{animation:popup-exit .3s cubic-bezier(.7,0,.8,.3) forwards}.json-viewer-modal__header{flex-shrink:0;padding:16px 24px;border-bottom:1px solid #3f3f46;display:flex;justify-content:space-between;align-items:center;background-color:#18181b}.json-viewer-modal__title{font-family:"Exo 2",sans-serif;font-size:1.2rem;font-weight:500;color:#f1f1f1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.json-viewer-modal__close-button{background:none;border:none;color:#a0a0a0;font-size:2.5rem;font-weight:200;line-height:1;cursor:pointer;padding:0;margin-left:16px;transition:color .2s}.json-viewer-modal__close-button:hover{color:#f1f1f1}.json-viewer-modal__content{flex-grow:1;overflow:auto;padding:24px;background-color:#18181b}.json-viewer-modal__content pre{margin:0;font-family:Roboto Mono,monospace;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:#d4d4d8}.json-viewer-modal__content .string{color:#a5d6a7}.json-viewer-modal__content .number{color:#b39ddb}.json-viewer-modal__content .boolean{color:#ffab91}.json-viewer-modal__content .null{color:#f48fb1}.json-viewer-modal__content .key{color:#90caf9}@media(max-width:768px){.json-viewer-modal__overlay{padding:16px}.json-viewer-modal__container{height:85vh}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes popup-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popup-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.98)}}.acs-page{width:100%;background-color:#18181b;color:#d4d4d8;font-family:Roboto,sans-serif;line-height:1.7}.acs-main-content{max-width:var(--container-max-width);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding);padding-top:40px;padding-bottom:100px;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.acs-metadata-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px;background-color:#27272acc;border:1px solid #3f3f46;border-radius:12px;position:relative;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:60px}.acs-metadata-item{text-align:left}.acs-metadata-label{display:block;font-size:.8rem;font-weight:500;color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.acs-metadata-value{font-size:1rem;color:#f1f1f1;font-weight:400}.acs-section{padding:0;margin-bottom:80px}.acs-section:last-of-type{margin-bottom:0}.acs-section-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:32px;max-width:700px;margin-left:auto;margin-right:auto}.acs-section-header h2{font-family:"Exo 2",sans-serif;font-size:clamp(2.5rem,5vw,3rem);font-weight:400;color:#f1f1f1;margin:0;line-height:1.2}.acs-section-header .section-tag{margin:0}.acs-challenge-section .acs-section-header{align-items:flex-start;text-align:left;margin-left:0;margin-right:0;max-width:none;gap:12px;margin-bottom:32px}.acs-challenge-section .acs-section-header h2{font-size:2.2rem;font-weight:400;margin:0;line-height:1.2}.acs-challenge-section .section-tag{background-color:#67bed91a;border:1px solid rgba(103,190,217,.3);color:#67bed9}.acs-problem-context{margin-bottom:32px;color:#a0a0a0;font-size:1.1rem;line-height:1.8;max-width:900px}.acs-problem-before-after{display:grid;grid-template-columns:1fr 1fr;gap:30px}.acs-problem-card{background-color:#27272a;border:1px solid #3f3f46;padding:30px;border-radius:12px}.acs-problem-card h4{font-size:1.1rem;font-weight:500;color:#a0a0a0;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.acs-problem-card p{font-size:1.1rem;color:#f1f1f1;line-height:1.6;margin:0}.acs-problem-card--after h4{color:#67bed9}.acs-live-demo{max-width:1000px;margin:0 auto}.acs-live-demo__video-container{margin-bottom:24px;border-radius:12px;overflow:hidden;border:1px solid #3f3f46;box-shadow:0 10px 30px #0003;background-color:#000}.acs-live-demo__video-container video{width:100%;display:block}.acs-live-demo__description{text-align:center;color:#a0a0a0;font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto}.acs-live-demo__link-button{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background-color:transparent;color:#67bed9;border:1px solid #67bed9;text-decoration:none;border-radius:999px;font-weight:500;transition:background-color .3s ease,color .3s ease,transform .3s ease}.acs-live-demo__link-button:hover{background-color:#67bed9;color:#18181b;transform:scale(1.03)}.acs-gallery-premium{display:flex;flex-direction:column;gap:16px;max-width:1000px;margin:0 auto}.acs-gallery-premium-main{position:relative;border-radius:12px;overflow:hidden;background-color:#0d0d0d;box-shadow:0 20px 50px #00000080;border:1px solid #333;display:flex;flex-direction:column;cursor:zoom-in}.acs-gallery-premium-header{background-color:#1a1a1a;padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #333}.acs-gallery-premium-dot{width:10px;height:10px;border-radius:50%}.acs-gallery-premium-dot.red{background-color:#ff5f56}.acs-gallery-premium-dot.yellow{background-color:#ffbd2e}.acs-gallery-premium-dot.green{background-color:#27c93f}.acs-gallery-premium-image-container{position:relative;width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden}.acs-gallery-premium-image{width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.acs-gallery-premium-main:hover .acs-gallery-premium-image{transform:scale(1.02)}.acs-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#18181b99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;z-index:10}.acs-gallery-premium-main:hover .acs-gallery-nav{opacity:1}.acs-gallery-nav.prev{left:24px}.acs-gallery-nav.next{right:24px}.acs-gallery-nav:hover{background:#67bed9;color:#18181b;border-color:#67bed9;transform:translateY(-50%) scale(1.1)}.acs-gallery-nav svg{width:24px;height:24px}.acs-gallery-premium-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a;opacity:0;transition:opacity .3s ease;pointer-events:none}.acs-gallery-premium-main:hover .acs-gallery-premium-overlay{opacity:1}.acs-expand-icon{position:absolute;bottom:16px;right:16px;width:24px;height:24px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));transform:scale(.8);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:20}.acs-gallery-premium-main:hover .acs-expand-icon{transform:scale(1)}.acs-gallery-premium-caption{position:absolute;bottom:0;left:0;right:0;padding:40px 48px 20px;background:linear-gradient(to top,#000000e6,#0000);pointer-events:none}.acs-gallery-premium-caption p{margin:0;color:#f1f1f1;font-size:1.05rem;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8)}.acs-gallery-premium-thumbnails{display:flex;justify-content:center;gap:12px;overflow-x:auto;padding:4px 4px 12px;scrollbar-width:thin;scrollbar-color:#3f3f46 transparent}.acs-gallery-premium-thumbnails::-webkit-scrollbar{height:6px}.acs-gallery-premium-thumbnails::-webkit-scrollbar-track{background:transparent}.acs-gallery-premium-thumbnails::-webkit-scrollbar-thumb{background-color:#3f3f46;border-radius:10px}.acs-gallery-thumb{flex-shrink:0;width:120px;height:80px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;opacity:.5;transition:all .3s ease;padding:0;background-color:#000}.acs-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.acs-gallery-thumb.active{opacity:1;border-color:#67bed9;transform:scale(1.02);box-shadow:0 4px 12px #67bed94d}.acs-gallery-thumb:hover:not(.active){opacity:.8;border-color:#67bed980}.acs-workflow-steps{display:flex;flex-direction:column}.acs-workflow-step{display:flex;align-items:flex-start;gap:24px;position:relative;padding:20px 0}.acs-workflow-step:not(:last-child):after{content:"";position:absolute;left:23px;top:68px;bottom:-20px;width:2px;background-color:#3f3f46}.acs-workflow-step__icon-wrapper{background-color:#27272a;border:1px solid #3f3f46;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2}.acs-workflow-step__icon-wrapper svg{width:24px;height:24px;color:#67bed9}.acs-workflow-step__content h3{font-family:"Exo 2",sans-serif;font-size:1.5rem;font-weight:500;color:#f1f1f1;margin:0 0 6px}.acs-workflow-step__content p{color:#a0a0a0;margin:0;max-width:800px}.acs-technical-details{display:flex;flex-direction:column;gap:48px}.acs-tech-row{display:flex;align-items:flex-start;gap:40px}.acs-tech-row--reversed{flex-direction:row-reverse}.acs-tech-row--text-only{display:block;background-color:#27272a;border:1px solid #3f3f46;border-radius:12px;padding:32px}.acs-tech-row--text-only .acs-tech-content{width:100%;max-width:none}.acs-tech-content{flex:1}.acs-tech-header-group{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.acs-tech-number{font-family:"Exo 2",sans-serif;font-size:1.5rem;font-weight:700;color:#67bed9;line-height:1}.acs-tech-content h3{font-family:"Exo 2",sans-serif;font-size:1.5rem;color:#f1f1f1;margin:0;font-weight:500;line-height:1.3}.acs-tech-row:not(.acs-tech-row--text-only) .acs-tech-number{color:#ffffff1a;font-size:3rem;margin-right:8px}.acs-tech-row:not(.acs-tech-row--text-only) .acs-tech-header-group{align-items:center}.acs-tech-content p{font-size:1.05rem;line-height:1.8;color:#a0a0a0;margin:0}.acs-tech-visual{flex:1;max-width:600px;min-width:300px}.acs-code-window{background-color:#0d0d0d;border:1px solid #333;border-radius:12px;box-shadow:0 20px 50px #00000080;overflow:hidden}.acs-code-header{background-color:#1a1a1a;padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #333}.acs-code-dot{width:10px;height:10px;border-radius:50%}.acs-code-dot.red{background-color:#ff5f56}.acs-code-dot.yellow{background-color:#ffbd2e}.acs-code-dot.green{background-color:#27c93f}.acs-code-lang{margin-left:auto;font-size:.75rem;color:#666;text-transform:uppercase;font-weight:600;font-family:Roboto Mono,monospace}.acs-code-window pre{margin:0;padding:24px;overflow-x:auto;max-height:300px;scrollbar-width:thin;scrollbar-color:#333 #0d0d0d}.acs-code-window code{font-family:Roboto Mono,monospace;font-size:.85rem;line-height:1.6;color:#d4d4d8;white-space:pre-wrap}.acs-results-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:40px}.acs-metric-card{background-color:#27272a;border:1px solid #3f3f46;border-radius:12px;padding:30px;text-align:center}.acs-metric-value{display:block;font-family:"Exo 2",sans-serif;font-size:3.5rem;font-weight:500;color:#67bed9;line-height:1.1;margin-bottom:8px}.acs-metric-label{font-size:1rem;color:#a0a0a0}.acs-results-summary{max-width:800px;margin:0 auto;text-align:center;color:#a0a0a0;font-size:1.1rem}.acs-download-button{display:inline-block;margin-top:32px;border:1px solid #a0a0a0;color:#f1f1f1;padding:12px 32px;border-radius:999px;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .3s,border-color .3s,transform .3s;cursor:pointer;background-color:transparent}.acs-download-button:hover{transform:scale(1.03);background-color:#f1f1f1;border-color:#f1f1f1;color:#18181b}@media(max-width:900px){.acs-tech-row,.acs-tech-row--reversed{flex-direction:column;gap:30px;align-items:stretch}.acs-tech-visual{width:100%;max-width:none}.acs-tech-content{width:100%}}@media(max-width:768px){.acs-main-content{padding-top:24px;padding-bottom:40px}.acs-metadata-bar{padding:16px;gap:16px;margin-bottom:32px;grid-template-columns:1fr 1fr}.acs-metadata-label{font-size:.7rem;margin-bottom:4px}.acs-metadata-value{font-size:.85rem}.acs-section{margin-bottom:40px}.acs-section-header{margin-bottom:24px}.acs-section-header h2{font-size:1.8rem}.acs-challenge-section .acs-section-header h2{font-size:1.6rem}.acs-problem-context{font-size:.95rem;margin-bottom:20px}.acs-problem-before-after{grid-template-columns:1fr;gap:16px}.acs-problem-card{padding:16px}.acs-problem-card h4{font-size:.9rem;margin-bottom:8px}.acs-problem-card p{font-size:.9rem}.acs-workflow-step{gap:16px;padding:12px 0}.acs-workflow-step__icon-wrapper{width:36px;height:36px}.acs-workflow-step__icon-wrapper svg{width:18px;height:18px}.acs-workflow-step:not(:last-child):after{left:17px;top:50px;bottom:-12px}.acs-workflow-step__content h3{font-size:1.2rem}.acs-workflow-step__content p{font-size:.9rem}.acs-technical-details{gap:24px}.acs-tech-row--text-only{padding:16px}.acs-tech-number{font-size:1.2rem}.acs-tech-row:not(.acs-tech-row--text-only) .acs-tech-number{font-size:2rem}.acs-tech-content h3{font-size:1.2rem}.acs-tech-content p{font-size:.9rem}.acs-code-window pre{padding:16px}.acs-code-window code{font-size:.75rem}.acs-results-metrics{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.acs-metric-card{padding:16px}.acs-metric-value{font-size:2rem}.acs-metric-label{font-size:.85rem}.acs-results-summary{font-size:.95rem}.acs-download-button{margin-top:20px;padding:10px 24px;font-size:.9rem}.acs-gallery-nav{width:36px;height:36px}.acs-gallery-nav.prev{left:12px}.acs-gallery-nav.next{right:12px}.acs-gallery-nav svg{width:18px;height:18px}.acs-gallery-premium-image-container{aspect-ratio:4 / 3}.acs-gallery-premium-main{aspect-ratio:auto}.acs-gallery-premium-header{padding:8px 12px}.acs-gallery-premium-dot{width:8px;height:8px}.acs-expand-icon{width:20px;height:20px;bottom:12px;right:12px}.acs-gallery-premium-caption{padding:30px 36px 16px}.acs-gallery-premium-caption p{font-size:.9rem}.acs-gallery-thumb{width:80px;height:60px}.acs-gallery-premium-thumbnails{gap:8px;padding:4px 4px 8px}}.fade-in-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)}.fade-in-on-scroll.is-visible{opacity:1;transform:translateY(0)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}