:root { --navy:#082c61; --ink:#10223d; --muted:#5e6b7c; --line:#dce4eb; --paper:#f6f8f9; --red:#da3d45; --aqua:#4cc8d2; --mono:"DM Mono",monospace; --sans:"Manrope",Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
.research-banner { height:30px; display:flex; justify-content:center; align-items:center; padding:0 20px; background:var(--red); color:#fff; font:500 10px/1 var(--mono); text-transform:uppercase; letter-spacing:.08em; text-align:center; }
.site-header { height:76px; padding:0 clamp(20px,4vw,64px); display:flex; align-items:center; justify-content:space-between; gap:24px; background:#fff; border-bottom:1px solid #e6ebf0; position:relative; z-index:4; }
.brand,.footer-brand { display:flex; align-items:center; gap:10px; color:var(--navy); font-size:11px; font-weight:500; line-height:1.04; letter-spacing:.11em; text-decoration:none; }
.brand b,.footer-brand b { font-size:15px; letter-spacing:.07em; }
.brand-mark { width:31px; height:31px; display:grid; place-items:center; background:var(--navy); color:#fff; font-size:10px; font-weight:800; letter-spacing:0; }
nav { display:flex; gap:22px; margin-left:auto; }
nav a { color:#405069; font-size:12px; font-weight:700; text-decoration:none; }
nav a:hover { color:var(--red); }
.header-actions { display:flex; align-items:center; gap:11px; position:relative; }
.language-button,.footer-language { display:flex; align-items:center; justify-content:center; gap:6px; min-width:47px; height:36px; border:1px solid var(--line); background:white; color:var(--ink); font:500 11px var(--mono); }
.language-button svg,.footer-language svg { width:15px; }
.language-menu { position:absolute; top:43px; right:112px; display:grid; width:126px; padding:4px; background:white; border:1px solid var(--line); box-shadow:0 10px 25px #10223d1d; }
.language-menu button { padding:9px 10px; border:0; background:transparent; color:var(--ink); text-align:left; font-size:12px; }
.language-menu button:hover { background:var(--paper); }
.header-cta { height:36px; padding:0 16px; border:0; background:var(--navy); color:#fff; font-size:11px; font-weight:700; }
.hero { height:calc(100svh - 106px); min-height:590px; position:relative; display:flex; align-items:center; overflow:hidden; background:var(--navy); color:#fff; }
.hero-image,.final-cta>img { width:100%; height:100%; object-fit:cover; object-position:center; position:absolute; inset:0; }
.hero-image { filter:saturate(.75) contrast(1.08); transform:scale(1.025); animation:heroDrift 12s ease-in-out infinite alternate; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,#061d43 5%,#092c5bdc 31%,#092c5b4a 72%,#061d4380); }
.hero-content { position:relative; z-index:1; width:min(645px,88vw); margin-left:clamp(24px,11vw,170px); padding-bottom:24px; }
.eyebrow,.section-label { display:flex; align-items:center; gap:9px; margin:0 0 20px; color:var(--red); font:500 11px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.eyebrow { color:#fff; }.eyebrow span:first-child { width:22px; height:1px; background:var(--aqua); }
h1,h2,h3,p { margin-top:0; } h1,h2 { letter-spacing:0; }
h1 { margin-bottom:24px; font-size:clamp(47px,6.1vw,91px); line-height:.96; font-weight:800; } h1 em { color:var(--aqua); font-style:normal; }
.hero-copy { width:min(440px,100%); color:#e0eaf6; font-size:16px; line-height:1.65; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:0 20px; border:0; font-size:12px; font-weight:800; text-decoration:none; transition:transform .2s,background .2s; }.button:hover{transform:translateY(-2px)}.button svg,.text-link svg { width:16px; }
.button-primary { background:var(--red); color:#fff; }.button-primary:hover { background:#c63038; }.button-quiet { background:#ffffff12; color:#fff; border:1px solid #ffffff66; }
.hero-aside { position:absolute; z-index:1; right:clamp(24px,5vw,70px); bottom:55px; width:183px; padding-left:18px; border-left:1px solid #fff6; color:#e0eaf6; }.hero-aside span { font:500 9px var(--mono); text-transform:uppercase; letter-spacing:.1em; }.hero-aside strong { display:block; margin:6px 0; color:#fff; font:700 23px var(--mono); }.hero-aside p { margin:0; font-size:11px; line-height:1.55; }.scroll-cue { position:absolute; left:clamp(24px,4vw,64px); bottom:25px; z-index:1; display:flex; align-items:center; gap:9px; color:#fff; text-decoration:none; font:500 10px var(--mono); text-transform:uppercase; letter-spacing:.06em; }.scroll-cue svg { width:15px; color:var(--aqua); }
.section-wrap { width:min(1180px, calc(100% - 48px)); margin:0 auto; }.proof-section { padding:110px 0 100px; }.proof-grid { display:grid; grid-template-columns:2.05fr repeat(3,1fr); gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.proof-grid>div { min-height:262px; padding:30px 26px; border-right:1px solid var(--line); }.proof-grid>div:last-child{border:0}.proof-number { color:var(--aqua); font:500 12px var(--mono); }.proof-grid h2 { max-width:420px; margin:61px 0 0; font-size:clamp(28px,3vw,43px); line-height:1.05; }.proof-item svg { width:23px; color:var(--red); }.proof-item h3 { margin:37px 0 8px; font-size:15px; }.proof-item p,.catalog-intro { color:var(--muted); font-size:12px; line-height:1.65; }
.catalog-section { padding:94px 0 110px; background:#fff; }.catalog-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; }.catalog-heading h2,.quality-content h2,.process-intro h2,.final-content h2 { margin:0; font-size:clamp(36px,4.2vw,60px); line-height:1.02; }.catalog-intro { max-width:360px; margin:0 0 3px; }.search-field { width:265px; display:flex; align-items:center; gap:8px; border-bottom:1px solid var(--ink); }.search-field svg { width:15px; }.search-field input { min-width:0; width:100%; padding:8px 0; border:0; outline:0; color:var(--ink); font-size:12px; }.featured-products { display:grid; grid-template-columns:repeat(3,1fr); margin-top:57px; border-top:1px solid var(--ink); border-bottom:1px solid var(--line); }.featured-product { min-width:0; border-right:1px solid var(--line); background:#fff; }.featured-product:last-child { border-right:0; }.featured-product-media { position:relative; height:278px; overflow:hidden; background:#edf3f5; }.featured-product-media img { width:100%; height:100%; object-fit:contain; padding:24px; mix-blend-mode:multiply; transition:transform .35s ease; }.featured-product:hover .featured-product-media img { transform:scale(1.045); }.featured-product-media span { position:absolute; top:16px; left:16px; padding:6px 8px; background:var(--navy); color:#fff; font:700 10px var(--mono); letter-spacing:.1em; }.featured-product-body { display:flex; min-height:158px; flex-direction:column; align-items:flex-start; padding:23px 24px 25px; }.featured-product-body p { margin:0 0 10px; color:#718095; font:500 10px var(--mono); letter-spacing:.06em; text-transform:uppercase; }.featured-product-body h3 { margin:0; font-size:23px; line-height:1.1; }.product-view { display:inline-flex; align-items:center; gap:9px; margin-top:auto; padding:15px 0 3px; border:0; border-bottom:1px solid var(--ink); background:transparent; color:var(--ink); font-size:11px; font-weight:800; }.product-view svg { width:15px; transition:transform .2s; }.product-view:hover svg { transform:translate(2px,-2px); }.product-dialog { width:min(790px,calc(100% - 28px)); padding:0; background:#fff; }.product-dialog .modal-close { z-index:2; }.product-detail-hero { display:grid; grid-template-columns:.92fr 1.08fr; min-height:292px; background:#f0f4f5; }.product-detail-hero>img { width:100%; height:100%; min-height:292px; padding:32px; object-fit:contain; mix-blend-mode:multiply; }.product-detail-hero>div { display:grid; align-content:center; padding:44px 48px 38px 22px; }.product-detail-hero .section-label { margin-bottom:15px; }.product-detail-hero h2 { font-size:42px; }.product-detail-hero p:last-child { margin:15px 0 0; color:var(--muted); font-size:13px; line-height:1.7; }.product-detail-meta { display:grid; grid-template-columns:repeat(3,1fr); margin:0 34px; border:1px solid var(--line); border-top:0; }.product-detail-meta>div { display:grid; min-height:83px; align-content:center; gap:6px; padding:12px 15px; border-right:1px solid var(--line); }.product-detail-meta>div:last-child { border-right:0; }.product-detail-meta span,.product-specifications h3 { color:#718095; font:500 9px var(--mono); letter-spacing:.07em; text-transform:uppercase; }.product-detail-meta strong { font-size:12px; }.product-specifications { margin:28px 34px 22px; }.product-specifications h3 { margin:0 0 13px; }.product-specifications>div { display:flex; flex-wrap:wrap; gap:8px; }.product-specifications span { padding:8px 10px; border:1px solid var(--line); background:#f8fafc; color:#405069; font:500 10px var(--mono); }.product-research-use { display:flex; align-items:center; gap:8px; margin:0 34px 23px; color:#718095; font-size:10px; }.product-research-use svg { width:15px; color:var(--red); }.product-dialog>.button { margin:0 34px 34px; }
.quality-section { min-height:720px; display:grid; grid-template-columns:1.07fr .93fr; background:#eef3f6; }.quality-image-wrap { position:relative; overflow:hidden; }.quality-image-wrap img { width:100%; height:100%; object-fit:cover; filter:saturate(.75); }.image-caption { position:absolute; left:25px; bottom:24px; padding:7px 9px; background:#fffffff0; color:var(--ink); font:500 9px var(--mono); text-transform:uppercase; letter-spacing:.06em; }.quality-content { align-self:center; padding:90px clamp(30px,7vw,120px); }.quality-content p:not(.section-label) { max-width:450px; margin:28px 0; color:var(--muted); font-size:14px; line-height:1.75; }.quality-content ul { padding:0; margin:0 0 32px; list-style:none; }.quality-content li { display:flex; align-items:center; gap:10px; margin:11px 0; font-size:12px; font-weight:700; }.quality-content li svg { width:16px; color:var(--red); }.text-link { display:inline-flex; align-items:center; gap:10px; padding:0 0 6px; border:0; border-bottom:1px solid var(--ink); background:transparent; color:var(--ink); font-size:12px; font-weight:800; }
.coa-section { padding:105px 0; background:#fff; }.coa-heading { display:flex; align-items:end; justify-content:space-between; gap:45px; }.coa-heading h2 { margin:0; font-size:clamp(42px,4.5vw,62px); line-height:1; }.coa-heading>p { max-width:410px; margin:0; color:var(--muted); font-size:13px; line-height:1.7; }.coa-panel { margin-top:49px; border-top:1px solid var(--ink); border-bottom:1px solid var(--line); }.coa-toolbar { min-height:75px; display:flex; align-items:center; justify-content:space-between; gap:25px; border-bottom:1px solid var(--line); }.coa-toolbar .search-field { width:320px; }.coa-toolbar>p { display:flex; align-items:center; gap:8px; margin:0; color:var(--muted); font-size:11px; }.coa-toolbar>p svg { width:16px; color:var(--red); }.demo-notice { display:flex; align-items:center; gap:8px; margin:0; padding:11px 12px; border-bottom:1px solid #f5ccd0; background:#fff6f6; color:#a42e35; font-size:10px; font-weight:700; }.demo-notice svg { width:14px; }.coa-table { width:100%; border-collapse:collapse; min-width:850px; }.coa-table th { padding:17px 12px; border-bottom:1px solid var(--line); color:#7b8797; font:500 10px var(--mono); text-align:left; text-transform:uppercase; letter-spacing:.07em; }.coa-table td { padding:17px 12px; border-bottom:1px solid var(--line); font-size:12px; }.coa-table td:first-child { font-weight:800; }.coa-table td:not(:first-child) { font-family:var(--mono); font-size:11px; }.coa-view { border:0; background:transparent; color:var(--red); font:700 11px var(--sans); text-decoration:underline; text-underline-offset:3px; }.coa-empty { display:flex; align-items:center; gap:17px; min-height:155px; padding:28px 12px; }.coa-empty>svg { width:30px; height:30px; flex:0 0 auto; color:var(--red); }.coa-empty>div { max-width:520px; }.coa-empty strong { font-size:14px; }.coa-empty p { margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }.coa-empty .text-link { margin-left:auto; white-space:nowrap; }
.process-section { padding:110px 0; display:grid; grid-template-columns:.86fr 1.14fr; gap:100px; }.process-list { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }.process-list li { display:grid; grid-template-columns:70px 1fr; gap:16px; padding:25px 0; border-bottom:1px solid var(--line); }.process-list li>span { color:var(--red); font:500 11px var(--mono); }.process-list h3 { margin:0 0 7px; font-size:16px; }.process-list p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.partnership-section { padding:108px 0 0; background:var(--navy); color:#fff; }.partnership-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:90px; padding-bottom:92px; }.partnership-intro h2 { margin:0 0 23px; font-size:clamp(34px,4vw,56px); line-height:1.05; }.partnership-intro>p:not(.section-label) { max-width:425px; margin:0; color:#c7d7e9; font-size:14px; line-height:1.75; }.partner-list { border-top:1px solid #ffffff3d; }.partner-list article { display:grid; grid-template-columns:55px 1fr; gap:15px; padding:25px 0; border-bottom:1px solid #ffffff25; }.partner-list article>span { color:var(--aqua); font:500 11px var(--mono); }.partner-list h3 { margin:0 0 7px; font-size:17px; }.partner-list p { margin:0; color:#c7d7e9; font-size:12px; line-height:1.6; }.assurance-strip { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #ffffff33; }.assurance-strip>div { min-height:100px; display:flex; align-items:center; gap:11px; padding:21px; border-right:1px solid #ffffff33; color:#e7eef5; font-size:11px; font-weight:700; }.assurance-strip>div:last-child { border-right:0; }.assurance-strip svg { width:20px; flex:0 0 auto; color:var(--aqua); }
.insights-section { padding:110px 0; }.insights-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; }.insights-heading h2 { margin:0; font-size:clamp(34px,4vw,55px); line-height:1.04; }.insights-list { display:grid; grid-template-columns:repeat(3,1fr); margin-top:48px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.insights-list article { min-height:288px; display:flex; flex-direction:column; padding:28px 26px; border-right:1px solid var(--line); }.insights-list article:last-child { border-right:0; }.article-type { color:var(--red); font:500 10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.insights-list h3 { max-width:275px; margin:37px 0 12px; font-size:18px; line-height:1.25; }.insights-list p { max-width:300px; margin:0; color:var(--muted); font-size:12px; line-height:1.65; }.article-link { align-self:flex-start; margin-top:auto; padding:0 0 4px; border:0; border-bottom:1px solid var(--ink); background:transparent; color:var(--ink); font-size:11px; font-weight:800; }
.faq-section { padding:105px 0; background:#e7eef2; }.faq-grid { display:grid; grid-template-columns:.77fr 1.23fr; gap:100px; }.faq-grid h2 { margin:0 0 23px; font-size:clamp(36px,4vw,55px); line-height:1.05; }.faq-intro { max-width:320px; margin:0; color:var(--muted); font-size:13px; line-height:1.65; }.faq-list { border-top:1px solid #b6c2ce; }.faq-list details { border-bottom:1px solid #b6c2ce; }.faq-list summary { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--ink); cursor:pointer; font-size:14px; font-weight:800; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary svg { width:18px; transition:transform .2s; }.faq-list details[open] summary svg { transform:rotate(45deg); }.faq-list details p { max-width:620px; margin:0; padding:0 0 23px; color:var(--muted); font-size:12px; line-height:1.7; }
.final-cta { min-height:570px; position:relative; display:flex; align-items:center; color:#fff; overflow:hidden; }.final-cta>img { filter:saturate(.65); }.final-shade { position:absolute; inset:0; background:#061d43c7; }.final-content { position:relative; z-index:1; width:min(1180px,calc(100% - 48px)); margin:auto; }.section-label.light { color:var(--aqua); }.final-content h2 { margin-bottom:31px; font-size:clamp(42px,5vw,68px); }
footer { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px clamp(24px,4vw,64px); background:#071c3d; color:#c9d5e4; }footer .footer-brand{color:#fff}footer p{margin:0;font-size:10px}.footer-actions{display:flex;align-items:center;gap:9px}.footer-language,.footer-contact{background:transparent;border-color:#8191a9;color:#fff;}.footer-contact{height:36px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #8191a9;color:#fff;font-size:10px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s}.footer-contact:hover{border-color:#fff;background:#ffffff16}.footer-whatsapp{border-color:#3b82f6;color:#dbeafe}.footer-contact svg{width:15px}.floating-inquiry{position:fixed;right:20px;bottom:20px;z-index:8;display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:0;background:var(--red);color:#fff;box-shadow:0 10px 26px #071c3d42;font-size:11px;font-weight:800}.floating-inquiry svg{width:17px}
dialog { width:min(590px,calc(100% - 28px)); max-height:calc(100svh - 30px); padding:36px; border:0; color:var(--ink); box-shadow:0 25px 80px #071c3d44; overflow:auto; }dialog::backdrop{background:#071c3db5;backdrop-filter:blur(3px)}dialog h2{margin:0;font-size:34px;line-height:1.05}.modal-close { position:absolute; top:16px; right:16px; width:33px; height:33px; display:grid; place-items:center; border:0; background:var(--paper); color:var(--ink); }.modal-close svg{width:17px}.modal-copy{margin:14px 0 18px;color:var(--muted);font-size:12px;line-height:1.65}.direct-contact{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 24px}.direct-contact-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:61px;padding:10px 11px;border:1px solid var(--line);background:#f8fafc;color:var(--ink);text-decoration:none;transition:border-color .18s,background .18s,transform .18s}.direct-contact-link:hover{border-color:#2563eb;background:#eff6ff;transform:translateY(-1px)}.direct-contact-link>svg:first-child{width:18px;color:#2563eb}.direct-contact-link>svg:last-child{width:14px;color:#94a3b8}.direct-contact-link span,.direct-contact-link small,.direct-contact-link strong{display:block}.direct-contact-link small{margin-bottom:3px;color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.direct-contact-link strong{overflow:hidden;color:#1e3a8a;font:700 10px var(--mono);text-overflow:ellipsis;white-space:nowrap}form{display:grid;gap:14px}form label:not(.consent){display:grid;gap:6px;font-size:11px;font-weight:700}form input:not([type=checkbox]),form textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:0;outline-color:var(--navy);font-size:13px}.consent{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:10px;line-height:1.4}.consent input{margin:2px 0 0}.form-status{margin:12px 0 0;color:var(--navy);font-size:11px;font-weight:700;line-height:1.5}.coa-preview-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.coa-preview-title p{margin:9px 0 0;color:var(--muted);font:500 11px var(--mono)}.demo-badge{padding:6px 8px;background:#fff0f0;color:var(--red);font:700 10px var(--mono);letter-spacing:.08em}.coa-preview-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.coa-preview-grid>div{min-height:70px;display:grid;align-content:center;gap:5px;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.coa-preview-grid span{color:#718095;font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.coa-preview-grid strong{font-size:12px}.coa-preview-note{display:flex;gap:10px;margin-top:20px;padding:13px;background:#fff6f6;color:#963139;font-size:11px;line-height:1.55}.coa-preview-note svg{width:17px;flex:0 0 auto}
.reveal { animation:riseIn .8s ease both; }.reveal-delay{animation:riseIn .8s .22s ease both}@keyframes riseIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes heroDrift{from{transform:scale(1.025)}to{transform:scale(1.08)}}
@media (max-width:820px){.site-header{height:66px}.header-cta,nav{display:none}.language-menu{right:0}.hero{height:calc(100svh - 96px);min-height:535px}.hero-content{margin-left:24px;padding-bottom:42px}.hero-aside{display:none}.proof-section{padding:77px 0}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div:first-child{grid-column:span 2;min-height:190px}.proof-grid>div:nth-child(3){border-right:0}.proof-grid h2{margin-top:38px}.catalog-section{padding:72px 0}.catalog-heading,.catalog-controls,.coa-heading{display:block}.catalog-intro,.coa-heading>p{margin-top:21px}.category-tabs{justify-content:flex-start;margin-top:19px}.search-field,.coa-toolbar .search-field{width:100%}.quality-section{grid-template-columns:1fr}.quality-image-wrap{height:420px}.quality-content{padding:68px 24px}.coa-section{padding:75px 0}.coa-toolbar{display:block;padding:15px 0}.coa-toolbar>p{margin-top:14px}.coa-table-wrap{overflow-x:auto}.coa-empty{align-items:flex-start;flex-wrap:wrap}.coa-empty .text-link{width:100%;margin:5px 0 0}.process-section,.partnership-grid,.faq-grid{grid-template-columns:1fr;gap:45px;padding:75px 0}.partnership-section{padding-top:75px}.partnership-grid{padding-bottom:65px}.assurance-strip{grid-template-columns:1fr 1fr}.assurance-strip>div:nth-child(2){border-right:0}.assurance-strip>div{border-bottom:1px solid #ffffff33}.insights-section{padding:75px 0}.insights-list{grid-template-columns:1fr}.insights-list article{min-height:205px;border-right:0;border-bottom:1px solid var(--line)}.insights-list article:last-child{border-bottom:0}.insights-list h3{margin-top:25px}.faq-section{padding:75px 0}.final-cta{min-height:480px}footer{align-items:flex-start;flex-direction:column}footer .footer-actions{align-self:flex-end;margin-top:-52px}.floating-inquiry{right:16px;bottom:15px}}
@media (max-width:470px){.research-banner{height:37px;font-size:9px}.hero{height:calc(100svh - 103px);min-height:510px}.hero-content{margin-left:20px;width:calc(100% - 40px)}h1{font-size:45px}.hero-copy{font-size:14px}.button{min-height:46px}.scroll-cue{left:20px}.section-wrap{width:calc(100% - 40px)}.proof-grid{grid-template-columns:1fr}.proof-grid>div:first-child{grid-column:auto}.proof-grid>div{min-height:185px;border-right:0;border-bottom:1px solid var(--line)}.proof-grid>div:last-child{border-bottom:0}.quality-image-wrap{height:300px}.catalog-heading h2,.quality-content h2,.process-intro h2{font-size:35px}dialog{padding:31px 22px}.coa-preview-grid{grid-template-columns:1fr}}
.coa-empty[hidden] { display:none; }
.coa-workbench { display:grid; grid-template-columns:350px minmax(0,1fr); min-height:620px; background:#f5f8fa; }.coa-sidebar { min-width:0; border-right:1px solid var(--line); background:#fff; }.coa-sidebar .coa-toolbar { min-height:auto; display:block; padding:19px 18px 15px; border-bottom:1px solid var(--line); }.coa-sidebar .coa-toolbar .search-field { width:100%; }.coa-sidebar .demo-notice { align-items:flex-start; padding:12px 18px; border-bottom:1px solid #f5ccd0; font-size:9px; line-height:1.5; }.coa-list-label { display:flex; justify-content:space-between; margin:0; padding:15px 18px 9px; color:#718095; font:500 9px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.coa-list { max-height:472px; overflow:auto; }.coa-list-item { width:100%; min-height:66px; display:grid; grid-template-columns:1fr auto; align-content:center; gap:4px 11px; padding:12px 18px; border:0; border-top:1px solid #edf0f3; background:#fff; color:var(--ink); text-align:left; transition:background .18s,color .18s; }.coa-list-item>span { font-size:12px; font-weight:800; }.coa-list-item small { color:#718095; font:400 9px var(--mono); }.coa-list-item svg { grid-row:span 2; align-self:center; width:15px; color:#8b98a9; }.coa-list-item:hover,.coa-list-item.active { background:var(--navy); color:#fff; }.coa-list-item.active small,.coa-list-item.active svg { color:#b9d8e5; }.coa-sidebar .coa-empty { align-items:flex-start; min-height:120px; padding:25px 18px; }.coa-detail { padding:40px clamp(30px,5vw,76px); background:#f5f8fa; }.coa-detail-header { display:flex; justify-content:space-between; gap:24px; padding-bottom:24px; border-bottom:2px solid var(--ink); }.coa-detail-header .section-label { margin-bottom:13px; }.coa-detail-header h3 { margin:0; font-size:30px; line-height:1.05; }.coa-detail-header p { margin:10px 0 0; color:#66768a; font:500 11px var(--mono); }.coa-detail-topline { display:flex; justify-content:space-between; gap:15px; padding:13px 0; border-bottom:1px solid var(--line); color:#66768a; font-size:10px; }.coa-detail-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); margin-top:26px; }.coa-detail-grid>div { min-height:74px; display:grid; align-content:center; gap:6px; padding:12px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }.coa-detail-grid span { color:#718095; font:500 9px var(--mono); letter-spacing:.06em; text-transform:uppercase; }.coa-detail-grid strong { font-size:11px; }.coa-results { margin-top:29px; border:1px solid var(--line); background:#fff; }.coa-results-title,.coa-result-row { display:grid; grid-template-columns:1.4fr 1fr .8fr; gap:15px; align-items:center; padding:13px 16px; }.coa-results-title { background:#e8eef3; color:#66768a; font:500 9px var(--mono); letter-spacing:.06em; text-transform:uppercase; }.coa-results-title span:last-child { text-align:right; }.coa-result-row { min-height:54px; border-top:1px solid var(--line); font-size:11px; }.coa-result-row span:nth-child(2) { color:#718095; font:400 10px var(--mono); }.coa-result-row strong { color:#157061; text-align:right; font-size:11px; }.coa-detail-footer { display:flex; gap:9px; margin-top:21px; padding:13px; border-left:2px solid var(--red); background:#fff2f3; color:#963139; font-size:10px; line-height:1.55; }.coa-detail-footer svg { width:16px; flex:0 0 auto; }
.coa-category + .coa-category { border-top:7px solid #f2f5f7; }.coa-category-title { display:flex; justify-content:space-between; align-items:center; padding:12px 18px; background:#edf2f5; color:#53657b; font:700 9px var(--mono); letter-spacing:.06em; text-transform:uppercase; }.coa-category-title small { color:#7f8d9e; font:500 9px var(--mono); }.coa-report-tabs { display:flex; flex-wrap:wrap; gap:7px; padding:15px 0 0; }.coa-report-tabs button { min-width:135px; display:grid; gap:3px; padding:9px 11px; border:1px solid var(--line); background:#fff; color:#64758a; text-align:left; font:700 10px var(--mono); }.coa-report-tabs button small { color:#8b98a9; font:400 9px var(--mono); }.coa-report-tabs button.active { border-color:var(--navy); background:var(--navy); color:#fff; }.coa-report-tabs button.active small { color:#b9d8e5; }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-delay,.hero-image{animation:none}}
@media (max-width:620px){footer .footer-actions{align-self:flex-start;margin-top:0;flex-wrap:wrap}.footer-contact{max-width:100%;}.footer-contact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:470px){.direct-contact{grid-template-columns:1fr}}
@media (max-width:820px){.coa-workbench{grid-template-columns:1fr;min-height:0}.coa-sidebar{border-right:0;border-bottom:1px solid var(--line)}.coa-list{display:block;max-height:280px;overflow:auto}.coa-list-item{min-width:0;border-top:1px solid #edf0f3;border-right:0}.coa-detail{padding:33px 20px}.coa-detail-grid{grid-template-columns:1fr 1fr}.coa-detail-topline{display:block;line-height:1.6}.coa-detail-topline span:last-child{display:block;margin-top:3px}.coa-results-title,.coa-result-row{grid-template-columns:1fr .7fr .9fr;padding:12px}.coa-detail-header h3{font-size:26px}.coa-report-tabs{overflow:auto;flex-wrap:nowrap}.coa-report-tabs button{flex:0 0 145px}}

/* CoA report module: aligned to the supplied left-list / right-certificate reference. */
.coa-panel { border:0; margin-top:42px; }
.coa-workbench { grid-template-columns:224px minmax(0,1fr); min-height:690px; overflow:hidden; border:1px solid #e7e2da; border-radius:8px; background:#f5f5f4; }
.coa-sidebar { display:flex; flex-direction:column; border-right:0; background:#f5f5f4; }
.coa-products-label { margin:0; padding:18px 14px 8px; color:#9ca3af; font-size:11px; font-weight:700; }
.coa-list { max-height:658px; padding:0 7px 12px; overflow-y:auto; }
.coa-list-item { width:100%; min-height:40px; display:flex; align-items:center; justify-content:space-between; gap:7px; padding:7px 8px; border:0; border-radius:7px; background:transparent; color:#4b5563; text-align:left; font-size:11px; font-weight:600; line-height:1.2; }
.coa-list-item > span:first-child { min-width:0; overflow:hidden; font-size:11px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.coa-list-item:hover { background:#fff; color:#111827; }
.coa-list-item.active { background:#0b4a87; color:#fff; }
.coa-product-tags { display:flex; align-items:center; gap:4px; flex:0 0 auto; }
.coa-product-tags small { display:block; padding:3px 5px; border-radius:4px; background:#e7e5e4; color:#6b7280; font:600 9px var(--sans); }
.coa-product-tags small.grade-gmp { background:#e7e5e4; color:#6b7280; }
.coa-product-tags small.grade-research { background:#f5f5f4; color:#78716c; }
.coa-product-tags b { width:20px; height:20px; display:grid; place-items:center; border-radius:999px; background:#dbeafe; color:#1d4ed8; font-size:10px; font-weight:800; }
.coa-list-item.active .coa-product-tags small { background:#ffffff2e; color:#fff; }
.coa-list-item.active .coa-product-tags b { background:#fff; color:#0b4a87; }
.coa-detail { min-width:0; padding:22px 26px 18px; background:#f5f5f4; }
.coa-batch-bar { min-width:0; display:flex; align-items:center; gap:8px; margin:0 0 15px; overflow:hidden; }
.coa-batch-bar > span { flex:0 0 auto; color:#9ca3af; font-size:11px; font-weight:700; }
#coaReportTabs { display:flex; min-width:0; gap:6px; overflow-x:auto; padding:0 1px 3px; scrollbar-width:thin; }
#coaReportTabs button { flex:0 0 auto; display:flex; align-items:center; gap:5px; min-height:30px; padding:5px 8px; border:1px solid #e7e5e4; border-radius:6px; background:#fff; color:#4b5563; font-size:10px; font-weight:700; white-space:nowrap; transition:background .15s,border-color .15s,color .15s; }
#coaReportTabs button svg { width:13px; height:13px; }
#coaReportTabs button small { color:#9ca3af; font:500 9px var(--sans); }
#coaReportTabs button:hover { border-color:#9ca3af; }
#coaReportTabs button.active { border-color:#111827; background:#111827; color:#fff; }
#coaReportTabs button.active small { color:#ffffff99; }
.coa-report-card { overflow:hidden; border:1px solid #e7e2da; border-radius:12px; background:#fff; box-shadow:0 1px 2px #00000008; }
.coa-card-header { padding:20px 25px 18px; background:#0b4a87; color:#fff; }
.coa-card-header > div:first-child { display:inline-block; }
.coa-card-header p { margin:0 0 4px; color:#ffffff99; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.coa-card-header h3 { margin:0; color:#fff; font-size:25px; line-height:1.1; letter-spacing:0; }
.coa-card-header small { display:block; margin-top:6px; color:#ffffffa8; font-size:10px; }
.coa-download { float:right; display:flex; align-items:center; gap:7px; margin:0; padding:8px 14px; border:0; border-radius:999px; background:#fff; color:#0b4a87; font-size:10px; font-weight:800; }
.coa-download svg { width:14px; height:14px; }
.coa-card-meta { clear:both; display:flex; flex-wrap:wrap; gap:12px 34px; margin-top:17px; padding-top:15px; border-top:1px solid #ffffff33; }
.coa-card-meta > div { min-width:105px; }
.coa-card-meta span { display:block; color:#ffffff8f; font-size:9px; }
.coa-card-meta strong { display:block; margin-top:3px; color:#fff; font-size:10px; font-weight:700; }
.coa-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid #e7e5e4; }
.coa-summary-grid > div { min-height:78px; padding:16px 15px; border-right:1px solid #e7e5e4; }
.coa-summary-grid > div:last-child { border-right:0; }
.coa-summary-grid span { display:flex; align-items:center; gap:5px; color:#9ca3af; font-size:10px; }
.coa-summary-grid span svg { width:13px; height:13px; color:#2563eb; }
.coa-summary-grid strong { display:block; margin-top:6px; color:#111827; font-size:11px; font-weight:800; line-height:1.3; }
.coa-results { margin:0; padding:20px 25px; border:0; background:#fff; }
.coa-results-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:15px; }
.coa-results-heading h4 { margin:0; color:#111827; font-size:13px; font-weight:800; }
.coa-results-heading span { color:#9ca3af; font-size:10px; }
.coa-test-head,.coa-result-row { display:grid; grid-template-columns:1.4fr 1fr 1.2fr .72fr; gap:13px; align-items:center; }
.coa-test-head { padding:0 0 10px; border-bottom:1px solid #e7e5e4; color:#6b7280; font-size:10px; font-weight:700; }
.coa-test-head > span:nth-child(2) { justify-self:center; text-align:center; }
.coa-result-row { min-height:42px; padding:8px 0; border-top:0; border-bottom:1px solid #f1f0ee; color:#374151; font-size:10px; }
.coa-result-row:last-child { border-bottom:0; }
.coa-result-row > span:first-child { color:#1f2937; font-weight:700; }
.coa-result-row strong { justify-self:center; color:#374151; font-size:10px; text-align:center; }
.coa-result-row > span:nth-child(3) { color:#6b7280; }
.coa-result-row b { display:inline-flex; justify-self:start; align-items:center; gap:3px; padding:3px 6px; border:1px solid #bfdbfe; border-radius:999px; background:#eff6ff; color:#1d4ed8; font-size:9px; font-weight:800; }
.coa-result-row b svg { width:11px; height:11px; }
.coa-approval { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 25px; padding:16px 0 0; border-top:1px solid #e7e5e4; }
.coa-approval-icon { width:31px; height:31px; display:grid; place-items:center; flex:0 0 auto; border-radius:999px; background:#dbeafe; color:#1d4ed8; }
.coa-approval-icon svg { width:16px; height:16px; }
.coa-approval > div:nth-child(2) { margin-right:auto; }
.coa-approval strong { display:block; color:#111827; font-size:10px; }
.coa-approval p { margin:3px 0 0; color:#6b7280; font-size:10px; }
.coa-pdf { display:flex; align-items:center; gap:6px; padding:7px 11px; border:1px solid #93c5fd; border-radius:999px; background:#fff; color:#1d4ed8; font-size:10px; font-weight:700; }
.coa-pdf svg { width:13px; height:13px; }
.coa-demo-footer { margin:10px 0 0; padding:0; border:0; background:transparent; color:#9b2c2c; font-size:9px; }
@media (max-width:820px) { .coa-workbench { grid-template-columns:1fr; border-radius:8px; } .coa-sidebar { display:none; } .coa-detail { padding:16px; } .coa-card-header { padding:18px; } .coa-download { margin-top:2px; } .coa-card-meta { gap:12px 20px; } .coa-summary-grid { grid-template-columns:1fr 1fr; } .coa-summary-grid > div:nth-child(2) { border-right:0; } .coa-summary-grid > div:nth-child(-n+2) { border-bottom:1px solid #e7e5e4; } .coa-results { padding:18px; } .coa-test-head { display:none; } .coa-result-row { grid-template-columns:1fr auto; gap:6px 12px; margin-bottom:8px; padding:11px; border:0; border-radius:8px; background:#fafaf9; } .coa-result-row > span:first-child { grid-column:1; } .coa-result-row strong::before { content:"Result "; color:#9ca3af; font-weight:500; } .coa-result-row > span:nth-child(3)::before { content:"Spec "; color:#9ca3af; } .coa-result-row > span:nth-child(3) { grid-column:1; } .coa-result-row b { grid-column:2; grid-row:1; } .coa-approval { flex-wrap:wrap; margin:0 18px; } .coa-pdf { margin-left:45px; } }
@media (max-width:470px) { .coa-card-header h3 { font-size:21px; } .coa-download { padding:7px 10px; } .coa-download span { display:none; } .coa-card-meta > div { min-width:calc(50% - 12px); } .coa-summary-grid strong { font-size:10px; } }

.coa-full-dialog { width:min(1120px,calc(100vw - 36px)); max-width:none; height:min(900px,calc(100vh - 32px)); max-height:none; padding:0; border:0; border-radius:10px; background:#f5f5f4; color:#111827; box-shadow:0 28px 90px #0000005c; }
.coa-full-dialog::backdrop { background:#0b1220bf; backdrop-filter:blur(3px); }
.coa-full-shell { height:100%; display:flex; flex-direction:column; overflow:hidden; }
.coa-full-topbar { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 22px; border-bottom:1px solid #e7e5e4; background:#fff; }
.coa-full-topbar p { margin:0 0 3px; color:#2563eb; font:800 9px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.coa-full-topbar h2 { margin:0; font-size:17px; line-height:1.15; }
.coa-full-topbar>div>span { display:block; margin-top:4px; color:#6b7280; font-size:10px; }
.coa-full-actions { display:flex; align-items:center; gap:8px; }
.coa-full-actions a,.coa-full-actions button { min-height:34px; display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid #bfdbfe; border-radius:6px; background:#fff; color:#1d4ed8; font-size:10px; font-weight:800; text-decoration:none; }
.coa-full-actions button:last-child { width:34px; justify-content:center; padding:0; border-color:#e5e7eb; color:#4b5563; }
.coa-full-actions svg { width:14px; height:14px; }
.coa-full-tabs { display:flex; flex:0 0 auto; gap:5px; padding:10px 22px; border-bottom:1px solid #e7e5e4; background:#fafaf9; overflow-x:auto; }
.coa-full-tabs button { flex:0 0 auto; display:flex; align-items:center; gap:6px; min-height:32px; padding:7px 10px; border:1px solid transparent; border-radius:5px; background:transparent; color:#6b7280; font-size:10px; font-weight:700; }
.coa-full-tabs button svg { width:13px; height:13px; }.coa-full-tabs button:hover { background:#fff; color:#111827; }.coa-full-tabs button.active { border-color:#bfdbfe; background:#eff6ff; color:#1d4ed8; }
.coa-full-body { min-height:0; flex:1; overflow:auto; padding:28px; }
.coa-document { width:min(780px,100%); min-height:680px; margin:0 auto; padding:38px 46px; background:#fff; box-shadow:0 1px 4px #00000014; }
.coa-document-header { display:flex; align-items:center; justify-content:space-between; padding-bottom:22px; border-bottom:2px solid #0b4a87; }.coa-document-brand { display:flex; align-items:center; gap:10px; color:#0b4a87; }.coa-document-brand>span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#0b4a87; color:#fff; font-size:13px; font-weight:800; }.coa-document-brand strong,.coa-document-brand small { display:block; line-height:1.05; }.coa-document-brand strong { font-size:14px; letter-spacing:.09em; }.coa-document-brand small { margin-top:3px; font-size:8px; letter-spacing:.17em; }.coa-document-ref { text-align:right; }.coa-document-ref span,.coa-document-ref strong { display:block; }.coa-document-ref span,.coa-document-meta span,.coa-document-summary span,.coa-document-footer p { color:#9ca3af; font-size:9px; }.coa-document-ref strong { margin-top:4px; font:700 9px var(--mono); }
.coa-document-title { margin:29px 0 21px; }.coa-document-title p { margin:0 0 5px; color:#2563eb; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.coa-document-title h3 { margin:0; font-size:29px; }.coa-document-title span { display:block; margin-top:6px; color:#6b7280; font-size:10px; }
.coa-document-meta { display:grid; grid-template-columns:1.3fr .7fr 1fr; gap:1px; background:#e7e5e4; border:1px solid #e7e5e4; }.coa-document-meta>div { min-height:55px; padding:11px; background:#fafaf9; }.coa-document-meta span,.coa-document-meta strong { display:block; }.coa-document-meta strong { margin-top:5px; font-size:10px; }
.coa-document-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:20px; background:#e7e5e4; border:1px solid #e7e5e4; }.coa-document-summary>div { min-height:70px; padding:13px; background:#fff; }.coa-document-summary strong { display:block; margin-top:7px; color:#111827; font-size:11px; line-height:1.25; }
.coa-issuer { display:grid; grid-template-columns:1.4fr 1fr .9fr; gap:14px; padding:14px 0; border-bottom:1px solid #e7e5e4; color:#64748b; font-size:9px; line-height:1.55; }.coa-issuer div:last-child { text-align:right; }.coa-issuer b,.coa-issuer span { display:block; }.coa-issuer b { color:#1e3a8a; font-size:10px; }.coa-summary-wide { grid-column:span 2; }.coa-summary-wide small { display:block; margin-top:6px; color:#64748b; font-size:9px; line-height:1.4; }
.coa-release { display:flex; align-items:flex-start; gap:10px; margin-top:20px; padding:14px; border:1px solid #bfdbfe; background:#eff6ff; color:#1e3a8a; }.coa-release svg { flex:0 0 auto; width:19px; }.coa-release strong { font-size:10px; }.coa-release p { margin:4px 0 0; color:#475569; font-size:9px; }
.coa-document-footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:end; gap:20px; margin-top:31px; padding-top:18px; border-top:1px solid #e7e5e4; }.coa-document-footer p { margin:0 0 5px; }.coa-document-footer strong,.coa-document-footer span { display:block; font-size:10px; }.coa-document-footer span { margin-top:4px; color:#6b7280; font-size:9px; }.coa-document-footer>div:last-child { text-align:right; }.coa-document-footer a { display:inline-block; margin-top:8px; color:#1d4ed8; font-size:9px; font-weight:800; }.coa-qr { text-align:center; }.coa-qr>div { display:grid; place-items:center; width:98px; height:98px; margin:0 auto 5px; border:1px solid #e7e5e4; background:#fff; }.coa-qr img { width:92px; height:92px; }.coa-qr small { max-width:125px; margin:3px auto 0; overflow:hidden; color:#6b7280; font:8px var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.coa-chart-panel,.coa-structure-panel,.coa-full-results { width:min(780px,100%); min-height:560px; margin:0 auto; padding:32px; background:#fff; box-shadow:0 1px 4px #00000014; }.coa-chart-panel>div>p,.coa-structure-panel>p,.coa-full-results>div>p { margin:0 0 6px; color:#2563eb; font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.coa-chart-panel h3,.coa-structure-panel h3,.coa-full-results h3 { margin:0; font-size:22px; }.coa-chart-panel span,.coa-full-results>div>span { display:block; margin-top:7px; color:#6b7280; font-size:10px; }.coa-chart { width:100%; height:auto; margin:38px 0 12px; overflow:visible; }.coa-chart-grid { fill:none; stroke:#e5e7eb; stroke-width:1; }.coa-chart-line { fill:none; stroke:#0b4a87; stroke-width:2.5; }.coa-chart text { fill:#9ca3af; font-size:9px; }.coa-ms-chart g line { stroke:#2563eb; stroke-width:2; }.coa-chart-panel>small { color:#9ca3af; font-size:9px; }
.coa-structure-panel { text-align:center; }.coa-structure-panel>strong { display:block; margin-top:32px; color:#1d4ed8; font:700 17px var(--mono); }.coa-structure-panel>small { display:block; margin-top:12px; color:#9ca3af; font-size:9px; }.coa-structure-art { display:flex; align-items:center; justify-content:center; gap:8px; min-height:240px; margin:30px 0 0; }.coa-structure-art span { width:48px; height:48px; display:grid; place-items:center; border:2px solid #2563eb; border-radius:50%; color:#1d4ed8; font-weight:800; }.coa-structure-art i { width:48px; border-top:2px solid #6b7280; }.coa-structure-art i:nth-of-type(2) { border-top-style:dashed; }
.coa-full-table { margin-top:28px; border:1px solid #e7e5e4; }.coa-full-table>div { display:grid; grid-template-columns:1.25fr .8fr 1fr 1.25fr .6fr; gap:12px; min-height:42px; align-items:center; padding:9px 12px; border-bottom:1px solid #f1f0ee; font-size:10px; }.coa-full-table>div:first-child { min-height:37px; background:#f5f5f4; color:#6b7280; font-size:9px; font-weight:800; text-transform:uppercase; }.coa-full-table>div:last-child { border-bottom:0; }.coa-full-table>div span:nth-child(2),.coa-full-table>div span:nth-child(3) { justify-self:center; }.coa-full-table b { justify-self:start; display:flex; align-items:center; gap:3px; color:#1d4ed8; font-size:9px; }.coa-full-table b svg { width:12px; height:12px; }.coa-results-approval { display:flex; align-items:flex-start; gap:8px; margin-top:12px; padding:12px; border:1px solid #bfdbfe; background:#eff6ff; color:#1e3a8a; font-size:10px; }.coa-results-approval svg { flex:0 0 auto; width:16px; }.coa-results-approval strong,.coa-results-approval span { display:block; }.coa-results-approval span { margin-top:4px; color:#475569; font-size:9px; }
@media (max-width:700px) { .coa-full-dialog { width:100vw; height:100vh; border-radius:0; }.coa-full-topbar { padding:12px 16px; }.coa-full-topbar h2 { font-size:14px; }.coa-full-actions a span,.coa-full-actions button span { display:none; }.coa-full-actions a,.coa-full-actions button { width:34px; justify-content:center; padding:0; }.coa-full-tabs { padding:9px 14px; }.coa-full-body { padding:14px; }.coa-document,.coa-chart-panel,.coa-structure-panel,.coa-full-results { min-height:0; padding:22px 18px; }.coa-document-title h3 { font-size:24px; }.coa-document-meta,.coa-document-summary { grid-template-columns:1fr 1fr; }.coa-document-meta>div:last-child { grid-column:span 2; }.coa-document-footer { grid-template-columns:1fr 1fr; }.coa-document-footer>div:last-child { text-align:left; }.coa-qr { grid-column:2; grid-row:1 / span 2; }.coa-structure-art { gap:4px; }.coa-structure-art span { width:36px; height:36px; font-size:10px; }.coa-structure-art i { width:23px; }.coa-full-table { overflow-x:auto; }.coa-full-table>div { min-width:660px; }.coa-issuer { grid-template-columns:1fr 1fr; }.coa-issuer div:last-child { grid-column:span 2; text-align:left; }.coa-summary-wide { grid-column:span 2; } }

@media (max-width:820px) { .featured-products { grid-template-columns:1fr; margin-top:38px; }.featured-product { display:grid; grid-template-columns:minmax(150px,.75fr) 1fr; border-right:0; border-bottom:1px solid var(--line); }.featured-product:last-child { border-bottom:0; }.featured-product-media { height:190px; }.featured-product-media img { padding:18px; }.featured-product-body { min-height:190px; padding:23px 20px; }.product-detail-hero { grid-template-columns:1fr; }.product-detail-hero>img { min-height:210px; height:210px; padding:24px; }.product-detail-hero>div { padding:28px 28px 32px; }.product-detail-meta { margin:0 22px; }.product-specifications { margin:24px 22px 20px; }.product-research-use { margin:0 22px 20px; }.product-dialog>.button { margin:0 22px 22px; } }
@media (max-width:470px) { .featured-product { grid-template-columns:1fr; }.featured-product-media { height:220px; }.featured-product-body { min-height:142px; }.product-detail-meta { grid-template-columns:1fr; }.product-detail-meta>div { min-height:64px; border-right:0; border-bottom:1px solid var(--line); }.product-detail-meta>div:last-child { border-bottom:0; }.product-detail-hero h2 { font-size:34px; }.floating-inquiry { width:44px; justify-content:center; padding:0; }.floating-inquiry span { display:none; } }

.coa-analysis-panel { width:min(780px,100%); margin:0 auto; padding:32px; background:#fff; box-shadow:0 1px 4px #00000014; }.coa-analysis-panel>header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.coa-analysis-panel header p,.coa-analysis-panel>h4,.coa-structure-panel>h4 { margin:0 0 6px; color:#2563eb; font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.coa-analysis-panel header h3 { margin:0; font-size:21px; }.coa-analysis-panel header span { display:block; margin-top:6px; color:#6b7280; font-size:10px; }.coa-analysis-panel header>b { flex:0 0 auto; padding:7px 10px; border:1px solid #bfdbfe; border-radius:999px; background:#eff6ff; color:#1d4ed8; font-size:10px; }.coa-analysis-panel>h4 { margin-top:27px; margin-bottom:11px; color:#475569; }.coa-chart-wrap { margin-top:24px; padding:12px; border:1px solid #e7e5e4; border-radius:7px; background:#fafaf9; }.coa-chart-wrap .coa-chart { display:block; width:100%; height:auto; margin:0; }.coa-chart-axis { fill:none; stroke:#78716c; stroke-width:1.5; }.coa-chart-marker { fill:none; stroke:#64748b; stroke-width:.8; stroke-dasharray:4 3; }.coa-chart-wrap .coa-chart text { fill:#64748b; font:8px Arial,sans-serif; text-anchor:middle; }.coa-chart-wrap .coa-chart text:nth-last-child(2),.coa-chart-wrap .coa-chart text:nth-last-child(1) { font-size:8px; }.coa-chart-legend { display:flex; align-items:center; gap:15px; padding:9px 4px 0; color:#64748b; font-size:9px; }.coa-chart-legend span { display:flex; align-items:center; gap:5px; }.coa-chart-legend i { display:block; width:14px; height:2px; background:#2563eb; }.coa-chart-legend span:nth-child(2) i { background:#94a3b8; }.coa-chart-legend small { margin-left:auto; color:#94a3b8; font-size:9px; }.coa-data-table { overflow-x:auto; border:1px solid #e7e5e4; }.coa-data-table>div { min-width:540px; display:grid; grid-template-columns:.55fr .9fr 1.15fr .85fr 1.55fr; gap:10px; align-items:center; min-height:38px; padding:8px 11px; border-bottom:1px solid #f1f0ee; color:#475569; font-size:10px; }.coa-data-table>div:first-child { min-height:34px; background:#f8fafc; color:#64748b; font-size:9px; font-weight:800; text-transform:uppercase; }.coa-data-table>div:last-child { border-bottom:0; }.coa-data-table>div.main { background:#eff6ff; }.coa-data-table b { color:#1d4ed8; }.coa-method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.coa-method-grid>div { min-height:58px; padding:10px; border:1px solid #edf0f3; border-radius:5px; background:#fafaf9; }.coa-method-grid span,.coa-method-grid strong { display:block; }.coa-method-grid span { color:#94a3b8; font-size:9px; }.coa-method-grid strong { margin-top:4px; color:#334155; font-size:10px; line-height:1.35; }.coa-ms-chart g line { stroke:#94a3b8; stroke-width:1; }.coa-ms-chart g line.main { stroke:#2563eb; stroke-width:2; }.coa-no-instrument-data { margin-top:25px; padding:25px; border:1px dashed #cbd5e1; border-radius:7px; color:#64748b; font-size:11px; line-height:1.6; text-align:center; }.coa-mass-result,.coa-results-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.coa-mass-result>div { padding:14px 10px; border:1px solid #bfdbfe; border-radius:6px; background:#eff6ff; text-align:center; }.coa-mass-result span,.coa-mass-result strong,.coa-results-summary span,.coa-results-summary strong { display:block; }.coa-mass-result span { color:#2563eb; font-size:9px; }.coa-mass-result strong { margin-top:5px; color:#1e3a8a; font-size:12px; }.coa-confirmation { display:flex; align-items:flex-start; gap:7px; margin:16px 0 0; padding:11px; border:1px solid #bfdbfe; border-radius:5px; background:#eff6ff; color:#1e3a8a; font-size:10px; line-height:1.5; }.coa-confirmation svg { width:15px; flex:0 0 auto; color:#2563eb; }.coa-render-note { display:block; margin-top:15px; color:#94a3b8; font-size:9px; line-height:1.5; }
.coa-structure-panel { text-align:left; }.coa-structure-panel>p { margin:0 0 6px; color:#2563eb; font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.coa-structure-panel h3 { margin:0; font-size:21px; }.coa-structure-panel>h4 { margin-top:26px; margin-bottom:11px; color:#475569; }.coa-structure-image { margin-top:24px; padding:12px; border:1px solid #edf0f3; border-radius:7px; background:#fafaf9; text-align:center; }.coa-structure-image img { width:100%; height:245px; object-fit:contain; }.coa-structure-image span { display:block; margin-top:8px; color:#94a3b8; font-size:9px; }.coa-sequence { margin-top:26px; padding:16px; border:1px solid #bfdbfe; border-radius:7px; background:#eff6ff; }.coa-sequence h4 { margin:0 0 12px; color:#1e3a8a; font-size:11px; }.coa-sequence p { margin:0; font:10px/2 var(--mono); }.coa-sequence p span { display:inline-block; margin:2px 3px 2px 0; padding:1px 4px; border-radius:3px; background:#dbeafe; color:#1e40af; }.coa-sequence p span:nth-child(4n) { background:#d1fae5; color:#065f46; }.coa-sequence p span:nth-child(3n) { background:#fef3c7; color:#92400e; }.coa-sequence p i { color:#94a3b8; font-style:normal; }
.coa-results-summary { grid-template-columns:1.5fr repeat(3,.75fr); margin:23px 0 16px; }.coa-results-summary>div { padding:12px; border:1px solid #dbeafe; background:#f8fbff; text-align:center; }.coa-results-summary>div:first-child { text-align:left; background:#eff6ff; }.coa-results-summary span { color:#64748b; font-size:9px; }.coa-results-summary strong { margin-top:4px; color:#1d4ed8; font-size:14px; }
@media (max-width:700px) { .coa-analysis-panel { padding:22px 18px; }.coa-analysis-panel>header { display:block; }.coa-analysis-panel header>b { display:inline-block; margin-top:11px; }.coa-method-grid { grid-template-columns:1fr 1fr; }.coa-chart-legend { align-items:flex-start; flex-wrap:wrap; }.coa-chart-legend small { width:100%; margin-left:0; }.coa-mass-result { grid-template-columns:1fr; }.coa-structure-image img { height:190px; }.coa-results-summary { grid-template-columns:1fr 1fr; }.coa-results-summary>div:first-child { grid-column:span 2; } }