*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f7;color:#0b0b10;line-height:1.5}section{padding-block:clamp(2.5rem,6vw,4rem)}.section-inner{max-width:75rem;margin:0 auto;padding-inline:clamp(1rem,4vw,1.5rem)}header{position:sticky;top:0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);padding:clamp(.75rem,2vw,1rem) clamp(1rem,4vw,1.5rem);z-index:100}.header-content{max-width:75rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:clamp(.5rem,2vw,1rem)}.logo{display:flex;align-items:center}.logo-img{width:88px;height:88px}.header-links{display:flex;gap:clamp(.75rem,2vw,1.5rem);align-items:center}.header-links a{color:#525252;text-decoration:none;font-size:clamp(.75rem,1.5vw,.875rem)}.hero{max-width:75rem;margin:clamp(2rem,6vw,4rem) auto;padding:0 clamp(1rem,4vw,1.5rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:clamp(2rem,6vw,4rem);align-items:center}.hero-brand{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#1d4ed8;margin-bottom:clamp(.75rem,2vw,1rem);letter-spacing:-.02em}.hero-text h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:clamp(.75rem,2vw,1rem)}.hero-text p{font-size:clamp(1rem,2vw,1.125rem);color:#525252;margin-bottom:clamp(1.5rem,3vw,2rem)}.upload-panel{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:clamp(.75rem,2vw,1rem);padding:clamp(1.25rem,4vw,2rem)}.panel-title{font-size:clamp(1.125rem,2.5vw,1.25rem);font-weight:600;margin-bottom:clamp(.375rem,1vw,.5rem)}.upload-hint{font-size:clamp(.75rem,1.5vw,.813rem);color:#737373;margin-bottom:clamp(1rem,3vw,1.5rem);line-height:1.5}.dropzone{border:2px dashed rgba(0,0,0,.2);border-radius:clamp(.5rem,1.5vw,.75rem);padding:clamp(2rem,5vw,3rem) clamp(1rem,3vw,1.5rem);text-align:center;cursor:pointer;transition:all .15s ease-out;margin-bottom:clamp(1rem,3vw,1.5rem)}.dropzone:hover{border-color:#1d4ed8;background:#1d4ed805}.dropzone:focus{outline:2px solid #1d4ed8;outline-offset:2px}.dropzone.dragover{border-color:#1d4ed8;background:#1d4ed80d}.dropzone-icon{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:clamp(.5rem,2vw,.75rem)}.dropzone-text{font-size:clamp(.938rem,2vw,1rem);font-weight:500;margin-bottom:clamp(.25rem,.5vw,.25rem)}.dropzone-subtext{font-size:clamp(.813rem,1.5vw,.875rem);color:#525252}.file-info{display:none;padding:clamp(.75rem,2vw,1rem);background:#1d4ed80d;border-radius:clamp(.375rem,1vw,.5rem);margin-bottom:clamp(1rem,3vw,1.5rem)}.file-info.visible{display:block}.file-name{font-weight:500;margin-bottom:.25rem}.file-size{font-size:clamp(.813rem,1.5vw,.875rem);color:#525252}.mode-selector{margin-bottom:clamp(1rem,3vw,1.5rem)}.mode-label{font-size:clamp(.813rem,1.5vw,.875rem);font-weight:500;margin-bottom:clamp(.5rem,2vw,.75rem);display:block}.mode-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:clamp(.5rem,2vw,.75rem);margin-bottom:clamp(.5rem,2vw,.75rem)}.mode-btn{padding:clamp(.75rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);border:2px solid rgba(0,0,0,.1);border-radius:clamp(.375rem,1vw,.5rem);background:#fff;cursor:pointer;font-size:clamp(.813rem,1.5vw,.875rem);font-weight:500;transition:all .15s ease-out;min-height:2.75rem}.mode-btn:hover{border-color:#1d4ed8}.mode-btn:focus{outline:2px solid #1d4ed8;outline-offset:2px}.mode-btn.active{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.mode-description{font-size:clamp(.75rem,1.5vw,.813rem);color:#525252;padding:clamp(.5rem,1.5vw,.5rem) clamp(.75rem,2vw,.75rem);background:#00000005;border-radius:clamp(.25rem,1vw,.375rem)}.intensity-control{margin-bottom:clamp(1rem,3vw,1.5rem)}#intensityControl.disabled{opacity:.5;pointer-events:none}.license-control{margin-bottom:clamp(1rem,3vw,1.5rem)}.license-label{display:block;font-size:clamp(.813rem,1.5vw,.875rem);font-weight:500;margin-bottom:clamp(.375rem,1vw,.5rem);color:#0b0b10}.license-input{width:100%;padding:clamp(.75rem,2vw,.75rem);border:1px solid #d4d4d4;border-radius:clamp(.375rem,1vw,.5rem);font-size:clamp(.813rem,1.5vw,.875rem);font-family:Monaco,Menlo,monospace;margin-bottom:clamp(.375rem,1vw,.5rem)}.license-input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.license-hint{font-size:clamp(.688rem,1.25vw,.75rem);color:#737373;margin:0}.upgrade-link{color:#1d4ed8;text-decoration:none;font-weight:500}.upgrade-link:hover{text-decoration:underline}.intensity-label{display:flex;justify-content:space-between;font-size:clamp(.813rem,1.5vw,.875rem);margin-bottom:clamp(.375rem,1vw,.5rem)}.intensity-slider{width:100%;height:6px;border-radius:3px;background:#0000001a;outline:none;-webkit-appearance:none}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#1d4ed8;cursor:pointer}.intensity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#1d4ed8;cursor:pointer;border:none}.btn{width:100%;padding:clamp(.875rem,2vw,.875rem) clamp(1rem,3vw,1.5rem);border:none;border-radius:clamp(.375rem,1vw,.5rem);font-size:clamp(.938rem,2vw,1rem);font-weight:500;cursor:pointer;transition:all .15s ease-out;min-height:2.75rem}.btn-primary{background:#1d4ed8;color:#fff}.btn-primary:hover:not(:disabled){background:#1e40af;transform:scale(1.02)}.btn-primary:focus{outline:2px solid #1d4ed8;outline-offset:2px}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:#1d4ed8;border:2px solid #1d4ed8;margin-top:clamp(.5rem,2vw,.75rem)}.btn-secondary:hover{background:#1d4ed80d}.workflow-section{max-width:75rem;margin:0 auto clamp(2rem,6vw,4rem);padding:0 clamp(1rem,4vw,1.5rem)}.workflow-section h2{font-size:clamp(1.5rem,3vw,1.5rem);font-weight:600;margin-bottom:clamp(.375rem,1vw,.5rem);color:#0b0b10}.workflow-subtitle{font-size:clamp(.813rem,1.5vw,.875rem);color:#737373;margin-bottom:clamp(1rem,3vw,1.5rem)}.workflow-steps{display:grid;gap:clamp(1rem,2vw,1rem);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.workflow-step{background:#fff;border:1px solid #e5e5e5;border-radius:clamp(.5rem,1.5vw,.75rem);padding:clamp(1rem,3vw,1.5rem)}.workflow-step h3{font-size:clamp(.938rem,2vw,1rem);font-weight:600;margin-bottom:clamp(.375rem,1vw,.5rem);color:#0b0b10}.workflow-step p{font-size:clamp(.813rem,1.5vw,.875rem);color:#737373;line-height:1.5}.demo-section{background:#fff;padding:clamp(2rem,6vw,3rem) clamp(1rem,4vw,1.5rem);border-top:1px solid #e5e5e5}.demo-container{max-width:50rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:clamp(1rem,3vw,1.5rem);align-items:center}.demo-column{flex:1}.demo-label{font-size:clamp(.688rem,1.25vw,.75rem);font-weight:600;text-transform:uppercase;color:#737373;margin-bottom:clamp(.375rem,1vw,.5rem)}.demo-text{font-size:clamp(.938rem,2vw,1rem);line-height:1.6;color:#0b0b10;padding:clamp(.75rem,2vw,1rem);background:#f5f5f7;border-radius:clamp(.375rem,1vw,.5rem)}.demo-arrow{font-size:clamp(1.25rem,3vw,1.5rem);color:#1d4ed8;flex-shrink:0;text-align:center}.api-section{background:#fff;border-top:1px solid #e5e5e5;padding:clamp(3rem,8vw,5rem) clamp(1rem,4vw,1.5rem)}.api-container{max-width:75rem;margin:0 auto}.api-section h2{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin-bottom:clamp(.375rem,1vw,.5rem);color:#0b0b10}.api-subtitle{font-size:clamp(.938rem,2vw,1rem);color:#737373;margin-bottom:clamp(2rem,5vw,3rem)}.api-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media (max-width: 768px){.api-layout{grid-template-columns:1fr}.api-code-panel{position:static!important}}.api-methods{display:flex;flex-direction:column;gap:.5rem}.api-method{border:1px solid #e5e5e5;border-radius:.625rem;padding:1rem 1.25rem;cursor:pointer;transition:all .15s ease-out;background:#f5f5f7;outline:none}.api-method:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}.api-method:hover{border-color:#1d4ed8;background:#1d4ed808}.api-method.active{border-color:#1d4ed8;background:#1d4ed80a}.api-method-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.375rem}.api-badge{font-size:.688rem;font-weight:700;padding:.2rem .5rem;border-radius:.25rem;font-family:Monaco,Menlo,monospace;letter-spacing:.5px}.api-badge.post{background:#dbeafe;color:#1d4ed8}.api-badge.get{background:#dcfce7;color:#15803d}.api-method-path{font-family:Monaco,Menlo,monospace;font-size:.813rem;color:#0b0b10}.api-method-desc{font-size:.813rem;color:#737373;line-height:1.5}.api-params{margin-top:.875rem;border-top:1px solid #e5e5e5;padding-top:.875rem;display:none}.api-method.active .api-params{display:block}.api-params-title{font-size:.688rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a3a3a3;margin-bottom:.5rem}.api-param-row{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;padding:.375rem 0;border-bottom:1px solid #f0f0f0;font-size:.8rem;align-items:baseline}.api-param-row:last-child{border-bottom:none}.api-param-name{font-family:Monaco,Menlo,monospace;color:#1d4ed8;white-space:nowrap}.api-param-required{font-size:.65rem;color:#d97706;font-weight:600}.api-param-optional{font-size:.65rem;color:#a3a3a3;font-weight:600}.api-param-desc{color:#525252;grid-column:2}.api-param-desc code{background:#f0f0f0;padding:1px 5px;border-radius:3px;font-size:.75rem;color:#0b0b10}.api-code-panel{position:sticky;top:5rem}.api-code-window{background:#f8fafc;border:1px solid #e5e5e5;border-radius:.75rem;overflow:hidden}.api-code-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f0f0f2;border-bottom:1px solid #e5e5e5}.api-code-dots{display:flex;gap:.375rem}.api-code-dots span{width:10px;height:10px;border-radius:50%;background:#d4d4d4}.api-code-lang-tabs{display:flex;gap:.25rem}.api-lang-tab{font-size:.75rem;padding:.25rem .625rem;border-radius:.375rem;border:1px solid transparent;background:transparent;color:#a3a3a3;cursor:pointer;transition:all .12s;font-family:Monaco,Menlo,monospace}.api-lang-tab:hover{color:#525252}.api-lang-tab.active{background:#fff;border-color:#e5e5e5;color:#0b0b10}.api-code-copy{font-size:.688rem;color:#a3a3a3;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:color .12s}.api-code-copy:hover{color:#525252}.api-code-body{padding:1.25rem;overflow-x:auto;min-height:14rem}.api-code-body pre{margin:0;font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem;line-height:1.7;color:#0b0b10}.tok-key{color:#1d4ed8}.tok-str{color:#15803d}.tok-num{color:#d97706}.tok-cmt{color:#a3a3a3;font-style:italic}.tok-fn{color:#7c3aed}.tok-kw{color:#be185d}.api-response-panel{margin-top:1rem;background:#f8fafc;border:1px solid #e5e5e5;border-radius:.75rem;overflow:hidden}.api-response-topbar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#f0f0f2;border-bottom:1px solid #e5e5e5}.api-response-label{font-size:.688rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a3a3a3}.api-response-status{font-size:.688rem;font-family:Monaco,Menlo,monospace;color:#15803d;font-weight:600}.api-response-body{padding:1rem 1.25rem;overflow-x:auto}.api-response-body pre{margin:0;font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem;line-height:1.7;color:#0b0b10}.pricing-section{padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,1.5rem);text-align:center;background:#f5f5f7}.pricing-section h2{font-size:clamp(1.75rem,4vw,2rem);font-weight:700;margin-bottom:clamp(1.5rem,4vw,2rem);color:#0b0b10}.pricing-card{max-width:25rem;margin:0 auto;padding:clamp(2rem,5vw,2.5rem) clamp(1.5rem,4vw,2rem);background:#fff;border-radius:clamp(.5rem,1.5vw,.75rem);border:1px solid #e5e5e5}.price{font-size:clamp(2.5rem,6vw,3rem);font-weight:700;color:#0b0b10;margin-bottom:clamp(.25rem,.5vw,.25rem)}.price-note{font-size:clamp(.938rem,2vw,1rem);color:#737373;margin-bottom:clamp(1rem,3vw,1.5rem)}.pricing-features{list-style:none;padding:0;margin:0 0 clamp(1.5rem,4vw,2rem) 0;text-align:left}.pricing-features li{font-size:clamp(.875rem,2vw,.938rem);color:#0b0b10;padding:clamp(.5rem,2vw,.625rem) 0;border-bottom:1px solid #f5f5f5}.pricing-features li:last-child{border-bottom:none}.pricing-btn{display:inline-block;width:100%;margin-bottom:clamp(1rem,3vw,1.5rem);text-decoration:none}.pricing-footer{font-size:clamp(.75rem,1.5vw,.813rem);color:#737373;margin:0}.result{display:none;margin-top:clamp(1rem,3vw,1.5rem);padding:clamp(.75rem,2vw,1rem);background:#22c55e1a;border-radius:clamp(.375rem,1vw,.5rem);text-align:center}.result.visible{display:block}.result-text{font-weight:500;color:#15803d;margin-bottom:clamp(.5rem,2vw,.75rem)}.error{display:none;margin-top:clamp(.75rem,2vw,1rem);padding:clamp(.5rem,2vw,.75rem);background:#ef44441a;border-radius:clamp(.25rem,1vw,.375rem);color:#b91c1c;font-size:clamp(.813rem,1.5vw,.875rem)}.error.visible{display:block}@media (max-width: 768px){.header-links{gap:.75rem}.demo-arrow{transform:rotate(90deg)}}.content-section{max-width:50rem;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,1.5rem)}.content-section h2{font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;margin-bottom:clamp(.75rem,2vw,1rem);color:#0b0b10}.content-section h3{font-size:clamp(1.125rem,2.5vw,1.25rem);font-weight:600;margin-top:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(.5rem,1vw,.75rem);color:#0b0b10}.content-section p{font-size:clamp(.938rem,2vw,1rem);color:#525252;line-height:1.7;margin-bottom:clamp(.75rem,2vw,1rem)}.content-section ul{list-style:none;padding:0;margin:0 0 clamp(1rem,2vw,1.5rem) 0}.content-section ul li{font-size:clamp(.938rem,2vw,1rem);color:#525252;line-height:1.7;padding:.25rem 0 .25rem 1.25rem;position:relative}.content-section ul li:before{content:"•";color:#1d4ed8;font-weight:700;position:absolute;left:0}.extension-section{background:#fff;border-top:1px solid #e5e5e5;padding:clamp(3rem,8vw,5rem) clamp(1rem,4vw,1.5rem)}.extension-container{max-width:60rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:clamp(2rem,5vw,3rem);align-items:center}.extension-text h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:clamp(.5rem,2vw,.75rem);color:#0b0b10}.extension-text p{font-size:clamp(.938rem,2vw,1rem);color:#525252;line-height:1.6;margin-bottom:clamp(1rem,3vw,1.5rem)}.extension-features{list-style:none;padding:0;margin:0 0 clamp(1.5rem,4vw,2rem) 0}.extension-features li{font-size:clamp(.875rem,2vw,.938rem);color:#0b0b10;padding:.35rem 0}.extension-btn{display:inline-block;width:auto;padding:.875rem 2rem;text-decoration:none;text-align:center}.extension-note{font-size:clamp(.75rem,1.5vw,.813rem);color:#a3a3a3;margin-top:.75rem}.install-steps{margin-top:1rem;font-size:clamp(.813rem,1.5vw,.875rem);color:#525252}.install-steps summary{cursor:pointer;font-weight:600;color:#1d4ed8;padding:.5rem 0}.install-steps summary:hover{text-decoration:underline}.install-steps ol{margin:.75rem 0 0 1.25rem;line-height:1.8}.install-steps code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:.8em}.popup-mockup{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;max-width:260px;margin:0 auto;box-shadow:0 4px 24px #00000014;font-family:Inter,system-ui,sans-serif;font-size:13px}.popup-mock-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.popup-mock-icon{width:32px;height:32px;border-radius:6px}.popup-mock-title{font-size:18px;font-weight:700;color:#1d4ed8}.popup-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;font-weight:500}.popup-toggle{width:40px;height:22px;background:#1d4ed8;border-radius:11px;position:relative}.popup-toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s}.popup-toggle-thumb.on{left:21px}.popup-modes{display:flex;gap:6px;margin-bottom:14px}.popup-mode-btn{flex:1;text-align:center;padding:7px;border:2px solid #e5e5e5;border-radius:6px;font-size:12px;font-weight:500;color:#525252;background:#fff}.popup-mode-btn.active{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.popup-slider-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;color:#525252}.popup-slider-bar{height:4px;background:#e5e5e5;border-radius:2px;position:relative;margin-bottom:14px}.popup-slider-fill{width:50%;height:100%;background:#1d4ed8;border-radius:2px;position:relative}.popup-slider-fill:after{content:"";position:absolute;right:-7px;top:-5px;width:14px;height:14px;background:#1d4ed8;border-radius:50%}.popup-footer{font-size:11px;color:#a3a3a3;text-align:center;margin-top:4px}.site-footer{max-width:75rem;margin:0 auto;padding:2rem clamp(1rem,4vw,1.5rem);text-align:center;font-size:.75rem;color:#a3a3a3;border-top:1px solid #e5e5e5}.site-footer a{color:#737373;text-decoration:none}.site-footer a:hover{text-decoration:underline}