:root{--navy-deep: #0d2137;--navy-dark: #132d4a;--navy-medium: #1a3a5c;--lime-primary: #a4e439;--lime-light: #c4f06a;--lime-dark: #8bc62e;--white: #ffffff;--off-white: #f8fafc;--gray-100: #e2e8f0;--gray-200: #cbd5e1;--gray-500: #64748b;--gray-700: #334155;--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--navbar-height: 64px;--footer-min-height: 200px;--content-max-width: 1400px;--sidebar-width: clamp(280px, 25vw, 400px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth;height:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--navy-deep);color:var(--white);line-height:1.6;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--lime-primary);color:var(--navy-deep);padding:1rem 2rem;text-decoration:none;font-weight:600;font-size:1rem;border-radius:0 0 10px 10px;z-index:10000;transition:top .3s ease}.skip-link:focus{top:0;outline:3px solid var(--white);outline-offset:2px}:focus{outline:3px solid var(--lime-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--lime-primary);outline-offset:2px}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:#0d2137f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(164,228,57,.15);z-index:1000;display:flex;align-items:center}.nav-container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 clamp(1rem,3vw,2rem);display:flex;justify-content:space-between;align-items:center}.nav-brand{font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--white);text-decoration:none;letter-spacing:-.5px;transition:opacity .2s ease;flex-shrink:0}.nav-brand span{color:var(--lime-primary)}.nav-brand:hover,.nav-brand:focus{opacity:.9}.nav-menu{display:flex;list-style:none;gap:clamp(1rem,3vw,2rem);flex-wrap:wrap;justify-content:flex-end}.nav-link{font-family:DM Sans,sans-serif;color:var(--gray-200);text-decoration:none;font-size:clamp(.8rem,2vw,.95rem);font-weight:500;padding:.5rem 0;position:relative;transition:color .2s ease;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--lime-primary);transition:width .2s ease}.nav-link:hover,.nav-link:focus{color:var(--white)}.nav-link:hover:after,.nav-link:focus:after{width:100%}.nav-link[aria-current=page],.nav-link.active{color:var(--lime-primary)}.nav-link[aria-current=page]:after,.nav-link.active:after{width:100%}.page-container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:calc(var(--navbar-height) + 1.5rem) clamp(1rem,3vw,2rem) 2rem;flex:1;display:flex;flex-direction:column}.page-header{text-align:center;margin-bottom:clamp(1.5rem,4vw,3rem);flex-shrink:0}.page-header h1{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;color:var(--white);letter-spacing:-1px;margin-bottom:.5rem}.page-header h1 span{color:var(--gray-500);font-weight:400;font-size:.6em}.page-subtitle{font-size:clamp(.9rem,2.5vw,1.125rem);color:var(--lime-primary);font-weight:500}.site-footer{background:#0d2137fa;border-top:1px solid rgba(164,228,57,.1);padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem) clamp(1rem,2vw,1.5rem);margin-top:auto;flex-shrink:0}.footer-container{max-width:var(--content-max-width);margin:0 auto}.footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(1.5rem,4vw,3rem);margin-bottom:1.5rem}.footer-company h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:var(--white);margin-bottom:.75rem}.cin-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.cin-label{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;color:var(--lime-primary);background:#a4e4391f;padding:.2rem .5rem;border-radius:4px;letter-spacing:.5px;text-transform:uppercase}.cin-value{font-family:JetBrains Mono,monospace;font-size:clamp(.65rem,1.5vw,.75rem);color:var(--gray-200);background:var(--navy-dark);padding:.25rem .5rem;border-radius:6px;border:1px solid rgba(164,228,57,.15);word-break:break-all}.footer-email a{color:var(--gray-200);text-decoration:none;font-size:clamp(.85rem,2vw,.95rem);transition:color .2s ease}.footer-email a:hover,.footer-email a:focus{color:var(--lime-primary)}.footer-links h3,.footer-legal h3{font-family:Space Grotesk,sans-serif;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;color:var(--white);margin-bottom:.75rem}.footer-links ul,.footer-legal ul{list-style:none}.footer-links li,.footer-legal li{margin-bottom:.5rem}.footer-links a,.footer-legal a{color:var(--gray-500);text-decoration:none;font-size:clamp(.8rem,2vw,.9rem);transition:color .2s ease}.footer-links a:hover,.footer-links a:focus,.footer-legal a:hover,.footer-legal a:focus{color:var(--lime-primary)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright{font-size:clamp(.75rem,1.5vw,.85rem);color:var(--gray-500)}.footer-copyright strong{color:var(--gray-200);font-weight:500}.footer-social{display:flex;gap:.5rem}.footer-social a{width:clamp(36px,6vw,44px);height:clamp(36px,6vw,44px);background:var(--navy-dark);border:1px solid rgba(164,228,57,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--lime-primary);transition:all .2s ease}.footer-social a:hover,.footer-social a:focus{background:var(--lime-primary);color:var(--navy-deep)}.footer-social svg{width:16px;height:16px;fill:currentColor}@media(max-width:600px){.nav-menu{gap:.75rem}.page-header{margin-bottom:1.25rem}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:400px){.nav-menu{gap:.5rem}.nav-link{font-size:.75rem}}@media(max-height:500px)and (orientation:landscape){.page-container{padding-top:calc(var(--navbar-height) + .5rem);padding-bottom:1rem}.page-header{margin-bottom:.75rem}.page-header h1{font-size:1.25rem}}@media(prefers-contrast:high){:root{--navy-deep: #000000;--navy-dark: #0a0a0a}.navbar{border-bottom:2px solid var(--white)}.site-footer{border-top:2px solid var(--white)}a{text-decoration:underline}}@media print{.navbar,.skip-link,.footer-social{display:none!important}body{background:var(--white);color:var(--navy-deep)}.page-container{padding-top:1rem}.site-footer{background:var(--white);border-top:1px solid var(--gray-200)}a{color:var(--navy-deep)}}[hidden]{display:none!important}.viewer-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:clamp(1rem,3vw,2rem);flex:1;min-height:0}@media(max-width:1024px){.viewer-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.upload-section{display:flex;flex-direction:column;gap:1rem;min-width:0}@media(max-width:1024px){.upload-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}}.upload-card{background:var(--navy-dark);border:1px solid rgba(164,228,57,.1);border-radius:16px;padding:clamp(1rem,3vw,1.5rem)}.card-icon{width:clamp(40px,8vw,56px);height:clamp(40px,8vw,56px);background:linear-gradient(135deg,var(--navy-deep),var(--navy-medium));border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--lime-primary)}.card-icon svg{width:50%;height:50%}.upload-card h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,3vw,1.25rem);font-weight:600;color:var(--white);margin-bottom:.5rem}.upload-card>p{font-size:clamp(.85rem,2vw,.95rem);color:var(--gray-200);margin-bottom:1rem}.upload-zone{border:2px dashed rgba(164,228,57,.3);border-radius:12px;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,2vw,1.5rem);text-align:center;cursor:pointer;transition:all .2s ease;background:#a4e43905}.upload-zone:hover,.upload-zone:focus{border-color:var(--lime-primary);background:#a4e4390d}.upload-zone.dragover{border-color:var(--lime-primary);background:#a4e4391a;transform:scale(1.02)}.upload-icon{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);margin:0 auto .75rem;color:var(--lime-primary);opacity:.7}.upload-icon svg{width:100%;height:100%}.upload-text{display:block;font-size:clamp(.875rem,2vw,1rem);font-weight:500;color:var(--white);margin-bottom:.25rem}.upload-subtext{display:block;font-size:clamp(.75rem,1.5vw,.875rem);color:var(--gray-500)}.supported-formats{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;justify-content:center}.format-tag{display:inline-block;padding:.2rem .5rem;background:#a4e43914;color:var(--lime-dark);font-size:.7rem;font-weight:500;border-radius:6px;border:1px solid rgba(164,228,57,.15)}.preview-card{background:var(--navy-dark);border:1px solid rgba(164,228,57,.1);border-radius:16px;padding:clamp(1rem,2vw,1.5rem);display:flex;flex-direction:column}.preview-card h3{font-family:Space Grotesk,sans-serif;font-size:clamp(.875rem,2vw,1rem);font-weight:600;color:var(--white);margin-bottom:.75rem}.preview-container{background:#0003;border-radius:8px;overflow:hidden;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.preview-container img{width:100%;height:auto;display:block;max-height:clamp(150px,25vh,250px);object-fit:contain}.file-info{font-family:JetBrains Mono,monospace;font-size:clamp(.7rem,1.5vw,.8rem);color:var(--gray-500);background:#0003;padding:.5rem .75rem;border-radius:8px;word-break:break-all}.results-section{min-width:0;display:flex;flex-direction:column;flex:1}.results-card{background:var(--navy-dark);border:1px solid rgba(164,228,57,.1);border-radius:16px;padding:clamp(1rem,3vw,1.5rem);flex:1;display:flex;flex-direction:column;min-height:0;overflow:auto}@media(max-width:1024px){.results-card{min-height:400px}}.results-card h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,3vw,1.25rem);font-weight:600;color:var(--white);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.empty-state{text-align:center;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);margin:0 auto 1rem;color:var(--gray-500);opacity:.5}.empty-icon svg{width:100%;height:100%}.empty-state p{font-size:clamp(.875rem,2vw,1rem);color:var(--gray-500)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;flex:1}.spinner{width:clamp(36px,8vw,48px);height:clamp(36px,8vw,48px);border:3px solid rgba(164,228,57,.2);border-top-color:var(--lime-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state span{color:var(--gray-200);font-size:.95rem}.no-data-state{text-align:center;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-data-icon{width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);margin:0 auto 1rem;color:var(--warning);opacity:.8}.no-data-icon svg{width:100%;height:100%}.no-data-state h3{font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:var(--white);margin-bottom:.5rem}.no-data-state p{color:var(--gray-200);font-size:clamp(.875rem,2vw,1rem)}.error-state{text-align:center;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-icon{width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);margin:0 auto 1rem;color:var(--error);opacity:.8}.error-icon svg{width:100%;height:100%}.error-state h3{font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:var(--white);margin-bottom:.5rem}.error-state p{color:var(--gray-200);font-size:clamp(.875rem,2vw,1rem)}.results-container{display:flex;flex-direction:column;gap:1.5rem;flex:1;min-height:0}.credential-details{display:flex;flex-direction:column;gap:1rem}.credential-section{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem}.validation-section{padding:1rem 1.25rem;margin-top:.5rem}.validation-section.valid{background:var(--success-bg);border-color:#22c55e4d}.validation-section.has-errors{background:var(--warning-bg);border-color:#f59e0b4d}.validation-badge{display:flex;align-items:center;gap:.75rem}.validation-badge svg{width:24px;height:24px;flex-shrink:0}.validation-section.valid .validation-badge svg{color:var(--success)}.validation-section.has-errors .validation-badge svg{color:var(--warning)}.validation-badge span{font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:600;color:var(--white)}.validation-issues{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.5rem}.validation-issue{background:#0003;border-radius:8px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.25rem}.issue-code{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;color:var(--warning)}.issue-explanation{font-size:.8rem;color:var(--gray-200);line-height:1.4}.section-title{display:flex;align-items:center;gap:.5rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600;color:var(--lime-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(164,228,57,.15)}.section-title svg{width:16px;height:16px}.section-content{display:flex;flex-direction:column;gap:.75rem}.credential-item{display:flex;flex-direction:column;gap:.25rem}@media(min-width:480px){.credential-item{flex-direction:row;align-items:flex-start;gap:1rem}}.item-label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;min-width:100px;flex-shrink:0}.item-value{font-size:.9rem;color:var(--white);word-break:break-word;line-height:1.4}.issuer-value{font-weight:600;color:var(--lime-light)}.author-value{font-weight:500;color:var(--info)}.cert-serial{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--gray-200)}.actions-list{display:flex;flex-wrap:wrap;gap:.5rem}.action-tag{display:inline-flex;align-items:center;padding:.25rem .6rem;background:#a4e4391a;color:var(--lime-primary);font-size:.75rem;font-weight:500;border-radius:6px;border:1px solid rgba(164,228,57,.2)}.ingredients-list{display:flex;flex-direction:column;gap:.5rem}.ingredient-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;background:#00000026;border-radius:8px;flex-wrap:wrap}.ingredient-name{font-size:.85rem;color:var(--white);font-weight:500}.ingredient-format{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--gray-500);background:#0003;padding:.2rem .5rem;border-radius:4px}.stats-section{background:transparent;border:none;padding:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-item{background:#a4e4390d;border:1px solid rgba(164,228,57,.1);border-radius:10px;padding:.75rem;text-align:center}.stat-value{display:block;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;color:var(--lime-primary);line-height:1;margin-bottom:.25rem}.stat-label{display:block;font-size:.65rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.no-details{color:var(--gray-500);font-style:italic;text-align:center;padding:1rem}.raw-data-section{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.raw-data-section[open]{background:#00000026}.raw-data-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;user-select:none;list-style:none;transition:background .2s ease}.raw-data-header::-webkit-details-marker{display:none}.raw-data-header:hover{background:#ffffff08}.raw-data-header h3{font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;color:var(--gray-200);margin:0;display:flex;align-items:center;gap:.5rem}.raw-data-header h3:before{content:"▶";font-size:.6rem;transition:transform .2s ease}.raw-data-section[open] .raw-data-header h3:before{transform:rotate(90deg)}.expand-hint{font-size:.75rem;color:var(--gray-500);font-weight:400}.raw-data-section[open] .expand-hint{display:none}.raw-data-content{padding:0 1rem 1rem;position:relative}.btn-copy{position:absolute;top:0;right:1rem;display:inline-flex;align-items:center;gap:6px;padding:.4rem .75rem;background:var(--navy-deep);border:1px solid rgba(164,228,57,.2);border-radius:8px;color:var(--lime-primary);font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:1}.btn-copy:hover,.btn-copy:focus{background:#a4e4391a;border-color:var(--lime-primary)}.btn-copy svg{width:14px;height:14px}.btn-copy.copied{background:var(--success);color:var(--white);border-color:var(--success)}.json-viewer{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1rem;overflow:auto;max-height:300px;margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:clamp(.7rem,1.5vw,.8rem);line-height:1.5;color:var(--gray-200)}.json-viewer code{font-family:inherit;white-space:pre-wrap;word-break:break-word}.json-key{color:var(--lime-primary)}.json-string{color:#a5d6ff}.json-number{color:#ffa657}.json-boolean{color:#ff7b72}.json-null{color:var(--gray-500)}@media(max-width:600px){.viewer-layout{gap:1rem}.upload-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-value{font-size:1.25rem}}@media(max-width:400px){.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.stat-item{padding:.5rem}.stat-value{font-size:1rem}}@media(max-height:500px)and (orientation:landscape){.results-card{max-height:none}}@media(prefers-contrast:high){.upload-card,.results-card,.preview-card,.credential-section{border:2px solid var(--white)}}@media print{.upload-section{display:none!important}.results-card{background:var(--white);border:1px solid var(--gray-200);max-height:none}.viewer-layout{grid-template-columns:1fr}.credential-section{background:var(--white);border:1px solid var(--gray-200)}}