.agtpa,.agtpa *{box-sizing:border-box}
.agtpa{
  --n:#0d2a36;--n2:#163b49;--o:#f15a14;--sand:#f4f0ea;--paper:#fff;
  --line:#e4ddd5;--muted:#748791;--green:#188764;
  width:100%;max-width:1180px;margin:30px auto;padding:0 16px 50px;
  font-family:Arial,Helvetica,sans-serif;color:var(--n)
}
.agtpa__hero{
  display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:end;
  gap:30px;padding:38px;background:linear-gradient(118deg,#0b2632,#173f4c);
  border-radius:18px 18px 0 0;overflow:hidden
}
.agtpa__heroCopy>span{display:block;margin-bottom:8px;color:var(--o);font-size:8px;font-weight:900;letter-spacing:2px}
.agtpa__heroCopy h1{margin:0;color:#fff;font-size:clamp(35px,5vw,58px);line-height:.95;font-weight:900;letter-spacing:-2px}
.agtpa__heroCopy h1 em{color:var(--o);font-style:normal}
.agtpa__heroCopy p{margin:13px 0 0;color:#a5b5bc;font-size:11px}
.agtpa__stat{padding:15px 18px;border:1px solid rgba(255,255,255,.14);border-top:4px solid var(--o);border-radius:10px}
.agtpa__stat small,.agtpa__stat span{display:block;color:#8da1aa;font-size:6px;font-weight:900;letter-spacing:1px}
.agtpa__stat strong{display:block;margin:4px 0;color:#fff;font-size:40px;line-height:1;font-weight:900}
.agtpa__stat span{color:#ff8b4d}
.agtpa__finder{
  display:flex;align-items:center;justify-content:space-between;gap:25px;
  padding:25px 28px;background:#fff;border:1px solid var(--line);border-top:0
}
.agtpa__finder>div>span{display:block;color:var(--o);font-size:7px;font-weight:900;letter-spacing:1.5px}
.agtpa__finder h2{margin:5px 0;color:var(--n);font-size:25px;line-height:1;font-weight:900}
.agtpa__finder p{margin:0;color:var(--muted);font-size:10px}
.agtpa__finder>a{
  flex:0 0 auto;min-height:48px;display:flex;align-items:center;gap:20px;padding:0 17px;
  background:var(--o);border-radius:6px;color:#fff!important;text-decoration:none!important;
  font-size:8px;font-weight:900;letter-spacing:.8px
}
.agtpa__finder>a b{font-size:17px}
.agtpa__collections{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  padding:18px;background:var(--sand);border:1px solid var(--line);border-top:0
}
.agtpa__card{
  position:relative;min-height:230px;display:flex;flex-direction:column;padding:20px;
  background:#fff;border:1px solid var(--line);border-top:4px solid var(--o);border-radius:10px;
  box-shadow:0 8px 18px rgba(13,42,54,.04)
}
.agtpa__card:nth-child(2){border-top-color:#0b766f}
.agtpa__card:nth-child(3){border-top-color:#426b7b}
.agtpa__card:nth-child(4){border-top-color:#b97747}
.agtpa__index{position:absolute;right:15px;top:12px;color:#ece8e3;font-size:34px;font-weight:900}
.agtpa__card>span{position:relative;z-index:1;color:#8c9aa1;font-size:6px;font-weight:900;letter-spacing:1.2px}
.agtpa__card h3{position:relative;z-index:1;margin:15px 0 20px;color:var(--n);font-size:18px;line-height:1.05;font-weight:900}
.agtpa__count{margin-top:auto}
.agtpa__count strong{color:var(--o);font-size:28px;font-weight:900}
.agtpa__count small{margin-left:5px;color:#929fa5;font-size:6px;font-weight:900}
.agtpa__cardActions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px;margin-top:15px}
.agtpa__open{
  width:100%;min-height:42px;margin:0;display:flex;align-items:center;justify-content:space-between;
  padding:0 12px;background:var(--n);border:0;border-radius:5px;color:#fff;cursor:pointer;
  font-size:7px;font-weight:900;letter-spacing:.6px
}
.agtpa__open b{color:#ff7b35;font-size:14px}
.agtpa__external{
  min-height:42px;display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--line);border-radius:5px;color:var(--o)!important;
  text-decoration:none!important;font-size:16px;font-weight:900
}
.agtpa__external:hover{background:#fff4ed}
.agtpa__storage{
  min-height:54px;display:flex;align-items:center;gap:12px;padding:0 19px;
  background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 13px 13px
}
.agtpa__storage i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(24,135,100,.11)}
.agtpa__storage strong,.agtpa__storage span{display:block}
.agtpa__storage strong{margin-bottom:3px;color:var(--green);font-size:6px;font-weight:900;letter-spacing:1.1px}
.agtpa__storage span{color:#7d8e96;font-size:7px}
.agtpa__viewer{
  margin-top:16px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 16px 40px rgba(13,42,54,.1);scroll-margin-top:100px
}
.agtpa__viewer[hidden]{display:none!important}
.agtpa__viewerBar{
  min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;
  padding:0 17px;background:var(--n)
}
.agtpa__viewerBar span,.agtpa__viewerBar strong{display:block}
.agtpa__viewerBar span{color:var(--o);font-size:6px;font-weight:900;letter-spacing:1.2px}
.agtpa__viewerBar strong{margin-top:3px;color:#fff;font-size:9px}
.agtpa__viewerActions{display:flex;align-items:center;gap:8px}
.agtpa__viewerActions a{color:#fff!important;text-decoration:none!important;font-size:7px;font-weight:900}
.agtpa__viewerActions button{
  width:34px;height:34px;background:var(--o);border:0;border-radius:5px;color:#fff;font-size:20px;cursor:pointer
}
.agtpa__iframeWrap{position:relative;min-height:680px;background:#f7f4f0}
.agtpa__iframeWrap iframe{width:100%;height:760px;display:block;border:0;background:#fff}
.agtpa__iframeInfo{padding:12px 16px;background:#fff8f3;border-bottom:1px solid #ffd6bf}
.agtpa__iframeInfo strong,.agtpa__iframeInfo span{display:block}
.agtpa__iframeInfo strong{color:var(--n);font-size:8px}
.agtpa__iframeInfo span{margin-top:3px;color:#7f8f96;font-size:7px}
@media(max-width:900px){
  .agtpa__collections{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .agtpa{padding:0 10px 35px}
  .agtpa__hero{grid-template-columns:1fr;padding:26px 18px}
  .agtpa__stat{max-width:160px}
  .agtpa__finder{display:block;padding:20px 16px}
  .agtpa__finder>a{margin-top:15px;justify-content:space-between}
  .agtpa__collections{grid-template-columns:1fr;padding:12px}
  .agtpa__card{min-height:190px}
  .agtpa__storage{padding:12px 15px}
  .agtpa__viewerBar{align-items:flex-start;padding:12px 14px}
  .agtpa__viewerActions a{display:none}
  .agtpa__iframeWrap iframe{height:680px}
}