.hero{background:radial-gradient(circle at top right, #ffffff29, transparent 30%), linear-gradient(135deg, var(--green-dark) 0%, var(--green) 55%, var(--green-bright) 100%);color:#fff;padding:64px 0 54px}.hero-inner{max-width:900px}.hero h1{margin:18px 0 10px;font-size:clamp(30px,5vw,52px);line-height:1.15}.hero-subtitle{color:#ffffffd1;max-width:760px;margin:0;font-size:18px}.hero-tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-tags span{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;padding:8px 12px}.trace-main{padding:34px 0 60px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.status-pill{background:var(--green-soft);color:var(--green-dark);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.info-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-alt);padding:15px}.info-item .label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.cert-summary{grid-template-columns:52px 1fr;align-items:flex-start;gap:16px;margin-bottom:18px;display:grid}.cert-check{background:var(--green-soft);width:52px;height:52px;color:var(--green);border-radius:50%;place-items:center;font-size:26px;font-weight:900;display:grid}.bullet-list{margin:0 0 8px;padding-left:20px}.supplier-box{grid-template-columns:70px 1fr;align-items:flex-start;gap:16px;display:grid}.supplier-mark{border:1px solid var(--line);width:70px;height:70px;color:var(--green);background:#f4f7f6;border-radius:18px;place-items:center;font-size:22px;font-weight:900;display:grid}.notice{border-left:4px solid var(--gold);background:var(--gold-soft);border-radius:10px;margin:18px 0;padding:15px 16px}.doc-preview{margin:18px 0 0}.doc-preview img{object-fit:contain;border:1px solid var(--line);background:#f2f2f2;border-radius:16px;width:100%;max-height:900px;display:block}.doc-placeholder{border:1px dashed var(--line);min-height:260px;color:var(--muted);text-align:center;background:#f2f2f2;border-radius:16px;place-items:center;padding:20px;display:grid}.doc-preview figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:13px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.product-grid.pair{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{border:1px solid var(--line);background:var(--surface-alt);border-radius:16px;padding:12px}.product-card h3{margin-bottom:6px}.product-card p{color:var(--muted);margin:0;font-size:14px}.product-image,.product-placeholder{aspect-ratio:4/3;background:#eef5f2;border-radius:12px;width:100%;margin-bottom:12px;display:block}.product-image{object-fit:cover}.product-placeholder{color:var(--green-dark);text-align:center;background:linear-gradient(135deg,#eef5f2,#dfece6);place-items:center;padding:10px;font-weight:800;display:grid}.disclosure{border-style:dashed}.trace-state{color:var(--muted);text-align:center;padding:60px 0}.site-footer{background:var(--footer);color:#fff;padding:28px 0}.footer-inner{color:#ffffffd1;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-inner strong{color:#fff}.sk{background:linear-gradient(90deg,#e8efec 0%,#f4f8f6 50%,#e8efec 100%) 0 0/200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite sk-shimmer;display:block}.sk-on-dark{background:linear-gradient(90deg,#ffffff1f 0%,#ffffff3d 50%,#ffffff1f 100%) 0 0/200% 100%}.sk-stack{gap:10px;display:grid}.sk-line{max-width:100%}.sk-pill{border-radius:999px;width:230px;height:30px}.sk-tag{border-radius:12px;width:110px;height:40px}.sk-button{border-radius:12px;width:320px;max-width:100%;height:44px}@keyframes sk-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.sk{animation:none}}@media (width<=780px){.hero{padding:46px 0 40px}.info-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{flex-direction:column}.status-pill{white-space:normal}.footer-inner{flex-direction:column;align-items:flex-start}}@media (width<=480px){.hero h1{font-size:30px}.product-grid,.product-grid.pair,.supplier-box{grid-template-columns:1fr}}:root{--green:#0f6b4f;--green-dark:#0a4f3b;--green-bright:#1b8063;--green-soft:#eaf6f1;--gold:#c99a3d;--gold-soft:#fff9ed;--text:#18302a;--muted:#687a74;--line:#dfe9e5;--bg:#f5f8f7;--surface:#fff;--surface-alt:#fbfdfc;--danger:#8a251f;--danger-soft:#fff1f0;--danger-line:#f3cfcb;--footer:#0b3026;--radius-lg:20px;--radius-md:14px;--shadow:0 10px 30px #1a41350f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%}h2{margin:4px 0 0;font-size:26px;line-height:1.25}h3{margin-top:0;line-height:1.35}.container{width:min(1040px,100% - 32px);margin:0 auto}.badge{letter-spacing:.08em;background:#ffffff14;border:1px solid #ffffff52;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-block}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:20px;padding:26px}.eyebrow{color:var(--green);letter-spacing:.08em;font-size:12px;font-weight:800}.muted{color:var(--muted)}.btn{border:1px solid var(--green);min-height:44px;color:var(--green);font:inherit;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--green);color:#fff}.btn.danger{border-color:var(--danger-line);color:var(--danger)}.btn.small{border-radius:10px;min-height:34px;padding:4px 10px;font-size:13px}@media (width<=780px){.card{border-radius:16px;padding:20px}}@media (width<=480px){.container{width:min(100% - 20px,1040px)}h2{font-size:22px}}