.coa-hero{position:relative;overflow:hidden;padding:92px 0 78px;background:linear-gradient(115deg,#f7fbfd 0%,#edf7fb 58%,#fff 100%);border-bottom:1px solid var(--line)}
.coa-hero:after{content:"COA";position:absolute;right:-12px;bottom:-76px;color:rgba(7,26,47,.035);font:800 270px/1 Manrope,sans-serif;letter-spacing:-.1em;pointer-events:none}
.coa-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:end}
.coa-hero h1{max-width:650px;margin:0;font:800 clamp(3.2rem,5.4vw,5.4rem)/.98 Manrope,sans-serif;letter-spacing:-.065em}
.coa-hero h1 em{color:var(--signal);font-style:normal}
.coa-hero-copy{max-width:610px;margin:26px 0 0;color:var(--slate);font-size:1.08rem}
.coa-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd9e1;background:rgba(255,255,255,.8);box-shadow:var(--shadow)}
.coa-stats div{min-height:124px;padding:27px;border-right:1px solid #d6e0e6;border-bottom:1px solid #d6e0e6}
.coa-stats div:nth-child(2n){border-right:0}.coa-stats div:nth-last-child(-n+2){border-bottom:0}
.coa-stats strong,.coa-stats span{display:block}.coa-stats strong{color:var(--signal);font:800 1.55rem/1 Manrope,sans-serif}.coa-stats span{margin-top:9px;color:var(--muted);font-size:.75rem}
.coa-intro{padding:68px 0;background:#fff;border-bottom:1px solid var(--line)}
.coa-intro-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:9%;align-items:start}
.coa-intro h2,.coa-library-head h2,.coa-disclosure h2{margin:0;font:800 clamp(2rem,3.5vw,3.2rem)/1.08 Manrope,sans-serif;letter-spacing:-.05em}
.coa-intro ol{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;border-left:1px solid var(--line)}
.coa-intro li{min-height:150px;padding:6px 27px;border-right:1px solid var(--line)}
.coa-intro li span{color:var(--signal);font:800 .72rem/1 Manrope,sans-serif}.coa-intro li p{margin:22px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}.coa-intro li strong{display:block;margin-bottom:5px;color:var(--ink);font-size:.91rem}
.coa-library-section{padding:88px 0 105px;background:var(--soft)}
.coa-library-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}
.coa-search-wrap{width:min(100%,390px);display:block}.coa-search-wrap span{display:block;margin-bottom:7px;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.coa-search-wrap input{width:100%;min-height:52px;padding:0 17px;border:1px solid #c9d3da;border-radius:2px;background:#fff;color:var(--ink)}.coa-search-wrap input:focus{border-color:var(--signal);outline:3px solid rgba(217,8,29,.11)}
.coa-result-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.75rem}.coa-result-bar p{margin:0;color:var(--ink);font-weight:800}.coa-result-bar i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#269653}
.coa-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.coa-card{min-width:0;overflow:hidden;border:1px solid var(--line);background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.coa-card:hover{transform:translateY(-5px);border-color:#bdc8d1;box-shadow:var(--shadow)}
.coa-card-media{position:relative;height:245px;display:grid;place-items:center;padding:14px;background:linear-gradient(rgba(7,26,47,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(7,26,47,.03) 1px,transparent 1px),#f8fafb;background-size:25px 25px}.coa-card-media img{width:100%;height:215px;object-fit:contain;transition:transform .25s ease}.coa-card:hover .coa-card-media img{transform:scale(1.025)}
.coa-initial-preview{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.coa-initial-preview img{filter:drop-shadow(0 8px 12px rgba(7,26,47,.12))}.coa-initial-preview>span{position:absolute;right:6px;bottom:5px;padding:6px 9px;border:1px solid var(--line);background:rgba(255,255,255,.94);color:var(--signal);font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease}.coa-initial-preview:hover>span,.coa-initial-preview:focus-visible>span{opacity:1;transform:translateY(0)}.coa-pending-visual{width:150px;height:188px;display:grid;place-content:center;gap:8px;border:1px dashed #b8c3cb;background:rgba(255,255,255,.82);text-align:center}.coa-pending-visual b{color:var(--signal);font:800 2rem/1 Manrope,sans-serif}.coa-pending-visual span{color:var(--muted);font-size:.66rem;font-weight:700}.coa-card h3 a:hover{color:var(--signal)}
.coa-status{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:999px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.coa-status.available{background:#e6f6ec;color:#14713a}.coa-status.pending{background:#fff0d6;color:#915b00}
.coa-card-body{padding:20px}.coa-card-kicker{margin:0 0 6px;color:var(--signal);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.coa-card h3{min-height:43px;margin:0;font:800 .98rem/1.35 Manrope,sans-serif;letter-spacing:-.025em}.coa-shared-note,.coa-pending-copy{margin:9px 0 0;color:var(--muted);font-size:.7rem;line-height:1.45}.coa-shared-note{padding-left:9px;border-left:2px solid #e4a01f}.coa-pending-copy{min-height:57px}
.coa-report-buttons{display:grid;gap:7px;margin-top:16px}.coa-report-button{width:100%;min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid #ccd5dc;border-radius:2px;background:#fff;color:var(--ink);font-size:.72rem;font-weight:700;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.coa-report-button b{color:var(--signal);font-size:.68rem}.coa-report-button:hover,.coa-report-button:focus-visible{border-color:var(--signal);background:#fff7f8;color:var(--signal)}
.coa-report-button{min-height:78px;padding:6px 9px}.coa-report-button img{flex:0 0 52px;width:52px;height:65px;object-fit:cover;border:1px solid var(--line);background:#fff}.coa-report-button>span{margin-right:auto;text-align:left}.coa-report-button strong,.coa-report-button small{display:block}.coa-report-button strong{color:var(--ink);font-size:.75rem}.coa-report-button small{margin-top:3px;color:var(--muted);font-size:.6rem;font-weight:600}.coa-report-button:hover strong{color:var(--signal)}.coa-product-link{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);color:var(--ink);font-size:.7rem;font-weight:800}.coa-product-link span{color:var(--signal)}.coa-product-link:hover{color:var(--signal)}
.coa-card.is-pending{opacity:.78}.coa-empty{padding:70px 20px;border:1px dashed #bbc6ce;background:#fff;text-align:center}.coa-empty strong{font:800 1.2rem Manrope,sans-serif}.coa-empty p{margin:6px 0 0;color:var(--muted)}
.coa-disclosure{padding:76px 0;color:#fff;background:var(--navy)}.coa-disclosure-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.coa-disclosure p:not(.eyebrow){max-width:590px;margin:0 0 25px;color:#b6c4d0}
.coa-dialog{width:min(1120px,calc(100% - 28px));height:min(92vh,920px);max-width:none;max-height:none;padding:0;border:0;background:transparent;color:var(--ink)}.coa-dialog::backdrop{background:rgba(3,12,22,.86);backdrop-filter:blur(4px)}.coa-dialog-shell{height:100%;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;border-radius:6px;background:#eef2f5;box-shadow:0 30px 100px rgba(0,0,0,.4)}.coa-dialog header,.coa-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;background:#fff}.coa-dialog header{border-bottom:1px solid var(--line)}.coa-dialog header span{color:var(--signal);font-size:.63rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.coa-dialog h2{margin:3px 0 0;font:800 1.1rem/1.2 Manrope,sans-serif}.coa-dialog-close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:1.7rem;line-height:1;cursor:pointer}.coa-dialog-tabs{display:flex;gap:5px;padding:10px 20px;border-bottom:1px solid var(--line);background:#fff}.coa-dialog-tabs button{min-height:36px;padding:0 14px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:.7rem;font-weight:800;cursor:pointer}.coa-dialog-tabs button.active{border-color:var(--signal);background:var(--signal);color:#fff}.coa-dialog-stage{overflow:auto;padding:22px}.coa-dialog-stage img{width:min(850px,100%);height:auto;margin:auto;background:#fff;box-shadow:0 10px 35px rgba(7,26,47,.15)}.coa-dialog footer{border-top:1px solid var(--line)}.coa-dialog footer p{margin:0;color:var(--muted);font-size:.72rem}.coa-dialog footer div{display:flex;gap:8px}.coa-dialog footer a{padding:9px 13px;border:1px solid var(--signal);color:var(--signal);font-size:.7rem;font-weight:800}.coa-dialog footer a:first-child{background:var(--signal);color:#fff}
body.coa-modal-open{overflow:hidden}
@media(max-width:1050px){.coa-hero-grid{grid-template-columns:1fr;gap:45px}.coa-stats{max-width:680px}.coa-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.coa-intro-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:760px){.coa-hero{padding:68px 0 60px}.coa-hero h1{font-size:clamp(2.8rem,13vw,4.2rem)}.coa-stats div{min-height:105px;padding:21px 17px}.coa-stats strong{font-size:1.2rem}.coa-intro{padding:55px 0}.coa-intro ol{grid-template-columns:1fr;border:0}.coa-intro li{min-height:0;padding:21px 0;border-right:0;border-top:1px solid var(--line)}.coa-intro li p{margin-top:10px}.coa-library-section{padding:64px 0 75px}.coa-library-head{align-items:stretch;flex-direction:column;gap:25px}.coa-search-wrap{width:100%}.coa-result-bar span{display:none}.coa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.coa-card-media{height:205px}.coa-card-media img{height:175px}.coa-card-body{padding:15px}.coa-card h3{font-size:.86rem}.coa-disclosure-grid{grid-template-columns:1fr;gap:28px}.coa-dialog{height:94vh}.coa-dialog footer{align-items:flex-start;flex-direction:column}.coa-dialog footer div{width:100%}.coa-dialog footer a{flex:1;text-align:center}}
@media(max-width:440px){.coa-grid{grid-template-columns:1fr}.coa-card-media{height:255px}.coa-card-media img{height:225px}.coa-dialog-stage{padding:10px}.coa-dialog footer p{display:none}}
@media(prefers-reduced-motion:reduce){.coa-card,.coa-card-media img{transition:none}}