.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; }
} .adv-op-lead {
margin: .9rem auto 0; max-width: 62ch; text-align: center;
font-family: var(--font-body); font-size: clamp(.95rem, 1.15vw, 1.05rem); line-height: 1.65; color: var(--muted);
}
.adv-op-lead strong { color: var(--fg); font-weight: 700; } .adv-op-plans { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1rem, 2vw, 1.4rem); }
.adv-op-plan {
position: relative; padding: clamp(1.3rem, 2.6vw, 1.8rem); border-radius: 18px;
background: rgba(255, 255, 255, .03); border: 1px solid rgba(244, 243, 247, .1);
}
.adv-op-plan--main { border-color: rgba(212, 175, 55, .5); background: linear-gradient(180deg, rgba(212, 175, 55, .09), rgba(255, 255, 255, .02)); }
.adv-op-plan__tag {
position: absolute; top: -.7rem; right: clamp(1.3rem, 2.6vw, 1.8rem);
padding: .2rem .7rem; border-radius: 999px; background: var(--gold); color: #1a1030;
font-family: var(--font-head); font-weight: 800; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase;
}
.adv-op-plan__price { margin: 0; font-family: var(--font-head); font-weight: 800; font-size: clamp(1.4rem, 3vw, 1.9rem); color: var(--gold); }
.adv-op-plan__title { margin: .3rem 0 .9rem; font-family: var(--font-head); font-weight: 700; font-size: clamp(1.05rem, 2vw, 1.2rem); color: var(--fg); }
.adv-op-list--plan { margin: 0; padding: 0; background: none; border: 0; border-radius: 0; }
.adv-op-more__right { min-width: 0; } .adv-op-more:has(.adv-op-more__right) { grid-template-columns: 1fr; align-items: start; }
.adv-op-free { margin: clamp(1.2rem, 2.5vw, 1.6rem) 0 0; font-family: var(--font-body); font-size: clamp(.92rem, 1.1vw, 1rem); line-height: 1.65; color: var(--muted); }
.adv-op-free strong { color: var(--fg); }
@media (max-width: 860px) { .adv-op-plans { grid-template-columns: 1fr; } }