.ad-chart{transform-origin:60% 62%;animation:adChart 8s ease-in-out infinite}
@keyframes adChart{0%,55%,100%{scale:1}63%{scale:.9}74%{scale:1.06}80%{scale:.99}86%{scale:1}}

.ad-kinds{background:#fff;padding-bottom:120px}
.ad-kinds .wrap{padding-top:90px}
.ad-kinds-lead{margin-top:16px;max-width:900px}
.ad-kinds-lead p{font-size:17px;line-height:1.95}
.ad-kinds-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}
.ad-k{margin:0;background:var(--grey);border-radius:6px;padding:28px 28px 24px}
.ad-k figcaption{margin-top:18px;font-size:20px;font-weight:900;line-height:1.4}
.ad-k-en{display:block;font-family:var(--en);font-weight:700;font-size:11px;letter-spacing:.18em;color:var(--shu);margin-bottom:4px}
.ad-scr{aspect-ratio:16/10;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #d6dbe2;overflow:hidden;position:relative}

.ad-search{padding:18px 22px;display:flex;flex-direction:column;gap:14px}
.ad-bar{display:flex;align-items:center;gap:10px;height:34px;border-radius:17px;box-shadow:0 0 0 2px #d6dbe2;padding:0 14px}
.ad-bar i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--slate)}
.ad-bar span{flex:1;height:7px;border-radius:4px;background:#c4ccd6;max-width:46%}
.ad-bar b{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--slate)}
.ad-res{display:grid;gap:6px;padding:6px 8px;border-radius:4px}
.ad-res i{display:block;height:7px;border-radius:4px;background:#d6dbe2}
.ad-res .l1{width:46%;height:9px;background:var(--slate)}.ad-res .l2{width:88%}.ad-res .l3{width:66%}
.ad-res--ad{background:rgba(211,95,60,.08);box-shadow:inset 3px 0 0 var(--shu);animation:adGlow 4s ease-in-out infinite}
.ad-res--ad em{display:block;width:26px;height:12px;border-radius:2px;background:var(--shu)}
.ad-res--ad .l1{background:var(--navy)}
@keyframes adGlow{0%,100%{background:rgba(211,95,60,.06)}50%{background:rgba(211,95,60,.16)}}

.ad-feed{display:grid;place-items:center;background:var(--slate)}
.ad-phone{height:92%;aspect-ratio:9/16;background:#fff;border-radius:14px;box-shadow:0 0 0 5px #0f1520;padding:8px;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.ad-fh{display:flex;align-items:center;gap:6px}
.ad-fh i{width:16px;height:16px;border-radius:50%;background:var(--shu)}
.ad-fh span{width:44%;height:5px;border-radius:3px;background:#c4ccd6}
.ad-photo{flex:1;border-radius:4px;background:linear-gradient(160deg,#e9ecf0 0 50%,#9fb0c3 50%);position:relative;overflow:hidden}
.ad-photo span{position:absolute;left:18%;top:16%;width:30%;aspect-ratio:1;border-radius:50%;background:var(--shu);animation:adSun 6s ease-in-out infinite}
@keyframes adSun{0%,100%{translate:0 0}50%{translate:20% 10%}}
.ad-cta{height:14px;border-radius:3px;background:var(--navy)}
.ad-icons{display:flex;gap:6px}.ad-icons i{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--navy)}
.ad-lines{display:grid;gap:4px}.ad-lines i{height:4px;border-radius:2px;background:#d6dbe2}.ad-lines i+i{width:62%}

.ad-flow{aspect-ratio:4/3;border-radius:6px;background:var(--navy);display:flex;align-items:center;justify-content:center;gap:10px;padding:24px}
.ad-fl-i{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;max-width:120px}
.ad-fl-i b{font-family:var(--en);font-weight:700;font-size:11px;letter-spacing:.12em;color:#c9d2dd;text-align:center}
.ad-fl-ic{width:100%;aspect-ratio:3/4;border-radius:6px;background:#fff;display:flex;flex-direction:column;gap:6px;padding:10px;justify-content:center}
.ad-fl-ic i{display:block;height:6px;border-radius:3px;background:#c4ccd6}.ad-fl-ic i:first-child{height:24px;background:var(--slate)}
.ad-fl-ad{aspect-ratio:1}
.ad-fl-lp em{display:block;height:12px;border-radius:3px;background:var(--shu);margin-top:4px}
.ad-fl-cv{aspect-ratio:1;border-radius:50%;background:var(--shu);color:#fff;align-items:center;padding:24%}
.ad-fl-cv svg{width:100%;height:100%}
.ad-fl-i--goal{animation:adPulse 3s ease-in-out infinite}
@keyframes adPulse{0%,100%{scale:1}50%{scale:1.06}}
.ad-fl-arw{flex:none;width:22px;height:2px;background:var(--shu);position:relative;margin-bottom:26px}
.ad-fl-arw::after{content:"";position:absolute;right:-1px;top:-5px;width:10px;height:10px;border-top:2px solid var(--shu);border-right:2px solid var(--shu);transform:rotate(45deg)}

.ad-graph{position:relative;aspect-ratio:4/3;border-radius:6px;background:var(--slate);padding:26px 22px 20px}
.ad-graph svg{width:100%;height:100%;overflow:visible}
.ad-grid path{stroke:rgba(255,255,255,.18);stroke-width:1;fill:none}
.ad-bars rect{fill:rgba(255,255,255,.22)}
.ad-line{fill:none;stroke:var(--shu);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:adLine 7s ease-in-out infinite}
@keyframes adLine{0%{stroke-dashoffset:1}45%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.ad-dots circle{fill:#fff;stroke:var(--shu);stroke-width:3}
.ad-graph-t{position:absolute;left:22px;top:14px;font-family:var(--en);font-weight:700;font-size:11px;letter-spacing:.18em;color:#fff}
@media (max-width:767px){
  .ad-kinds{padding-bottom:80px}
  .ad-kinds .wrap{padding-top:56px}
  .ad-kinds-lead p{font-size:16px}
  .ad-kinds-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}
  .ad-k{padding:18px 16px 16px}
  .ad-k figcaption{font-size:18px;margin-top:12px}
  .ad-search{padding:12px 14px;gap:10px}
  .ad-bar{height:26px}
  .ad-flow{gap:6px;padding:16px 12px}
  .ad-fl-i b{font-size:9px;letter-spacing:.06em}
  .ad-fl-arw{width:12px}
}
@media (max-width:767px){.mt-ptable{table-layout:fixed}.mt-ptable tbody th{width:44%}.mt-ptable td{white-space:normal;word-break:auto-phrase;font-size:15px;line-height:1.6}}