.adv-op-hero__viz { display: flex; align-items: center; justify-content: center; }
html.adv-js .adv-op-hero__viz .adv-of-wp__badge  { animation: adv-of-wp-in .8s var(--ease) .15s both; }
html.adv-js .adv-op-hero__viz .adv-of-wp__ico--1 { animation: adv-of-wp-in .8s var(--ease) .35s both; }
html.adv-js .adv-op-hero__viz .adv-of-wp__ico--2 { animation: adv-of-wp-in .8s var(--ease) .50s both; }
html.adv-js .adv-op-hero__viz .adv-of-wp__ico--3 { animation: adv-of-wp-in .8s var(--ease) .65s both; }
html.adv-js .adv-op-hero__viz .adv-of-wp__ico--4 { animation: adv-of-wp-in .8s var(--ease) .80s both; } .adv-op-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.2rem, 2.4vw, 2rem); }
.adv-op-pillar {
display: flex; flex-direction: column; padding: clamp(1.5rem, 2.4vw, 2.2rem); border-radius: 18px;
background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
border: 1px solid rgba(255, 255, 255, .08);
}
.adv-op-pillar--accent { background: linear-gradient(180deg, rgba(96, 46, 158, .24), rgba(96, 46, 158, .06)); border-color: rgba(138, 92, 255, .42); }
.adv-op-pillar__ico {
width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 1.1rem;
border-radius: 14px; background: rgba(96, 46, 158, .22); border: 1px solid rgba(138, 92, 255, .3); color: var(--gold);
}
.adv-op-pillar--accent .adv-op-pillar__ico { background: rgba(138, 92, 255, .28); }
.adv-op-pillar__ico svg { width: 26px; height: 26px; }
.adv-op-pillar__title { margin: 0 0 .6rem; font-family: var(--font-head); font-weight: 800; font-size: clamp(1.15rem, 1.7vw, 1.4rem); color: #fff; }
.adv-op-pillar__text { margin: 0; font-family: var(--font-body); font-size: clamp(.94rem, 1.1vw, 1rem); line-height: 1.65; color: var(--muted); }
.adv-op-pillar__text strong.adv-si-hlw { color: #fff; font-weight: 700; } .adv-op-more { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(1.6rem, 3.5vw, 3.4rem); align-items: center; width: min(1100px, 96%); margin: 0 auto; }
.adv-op-more__text .adv-h2 { margin: .8rem 0 1rem; }
.adv-op-more__lead { margin: 0; font-family: var(--font-body); font-size: clamp(.98rem, 1.2vw, 1.1rem); line-height: 1.75; color: var(--muted); }
.adv-op-list {
list-style: none; margin: 0; padding: clamp(1.4rem, 2.4vw, 2rem); border-radius: 18px;
background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)); border: 1px solid rgba(255, 255, 255, .08);
display: flex; flex-direction: column; gap: .8rem;
}
.adv-op-list li { position: relative; padding-left: 2rem; font-family: var(--font-body); font-size: .96rem; line-height: 1.5; color: var(--fg); }
.adv-op-list li::before {
content: ""; position: absolute; left: 0; top: .12em; width: 20px; height: 20px; border-radius: 50%;
background: rgba(200, 162, 75, .16);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a24b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: center; background-size: 13px;
} @media (max-width: 860px) {
.adv-op-pillars { grid-template-columns: 1fr; }
.adv-op-more { grid-template-columns: 1fr; }
}