.adv-si { background: #0a0a0d; color: var(--fg); }    .adv-si-hero__stage { display: flex; align-items: center; justify-content: center; width: clamp(340px, 40vw, 560px); height: auto; perspective: 1800px; } .adv-of-hero__lead strong.adv-si-hlw { color: #fff; font-weight: 700; }
.adv-si-browser {
position: relative; z-index: 1; margin: 0; width: 100%; max-width: 620px;
border-radius: 14px; overflow: hidden; background: #14141a;
border: 1px solid rgba(255, 255, 255, .1);
box-shadow: 0 40px 80px rgba(0, 0, 0, .55), 0 4px 14px rgba(0, 0, 0, .4);
transform: rotateY(-5deg) rotateX(2deg);
transform-style: preserve-3d;
} .adv-si-browser__bar {
display: flex; align-items: center; gap: .8rem; height: 40px; padding: 0 .95rem;
background: linear-gradient(180deg, #20202a, #191922); border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.adv-si-browser__dots { display: inline-flex; gap: 7px; flex: 0 0 auto; }
.adv-si-browser__dots i { width: 11px; height: 11px; border-radius: 50%; background: #3a3a45; }
.adv-si-browser__dots i:nth-child(1) { background: #ff5f57; }
.adv-si-browser__dots i:nth-child(2) { background: #febc2e; }
.adv-si-browser__dots i:nth-child(3) { background: #28c840; }
.adv-si-browser__url {
flex: 1 1 auto; display: inline-flex; align-items: center; gap: .45rem; min-width: 0;
height: 24px; padding: 0 .7rem; border-radius: 999px;
background: rgba(0, 0, 0, .28); border: 1px solid rgba(255, 255, 255, .05);
font-family: var(--font-body); font-size: .78rem; color: rgba(244, 243, 247, .72);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.adv-si-browser__url svg { width: 12px; height: 12px; flex: 0 0 auto; color: rgba(40, 200, 64, .85); } .adv-si-browser__view { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: #fff; }
.adv-si-browser__page { position: absolute; top: 0; left: 0; display: block; width: 100%; height: auto; } @keyframes adv-si-scroll { from { transform: translateY(0); } to { transform: translateY(-84%); } }
@media (min-width: 861px) and (hover: hover) {
.adv-si-browser__page { animation: adv-si-scroll 22s ease-in-out infinite alternate; }
}
@media (prefers-reduced-motion: reduce) {
.adv-si-browser__page { animation: none; transform: translateY(0); }
} @media (max-width: 860px) {
.adv-si-browser { transform: none; max-width: 520px; margin-top: 15px; }
} .adv-pk-stage { width: auto; perspective: 1400px; }
.adv-pk {
position: relative; margin: 0; width: 100%; max-width: 360px;
display: flex; align-items: flex-end; justify-content: center;
animation: adv-pk-in 1.1s cubic-bezier(.2, .7, .2, 1) both;
}
.adv-pk__aura {
position: absolute; left: 50%; top: 45%; z-index: 0; pointer-events: none;
width: 120%; aspect-ratio: 1; border-radius: 50%;
background: radial-gradient(circle, rgba(120, 70, 200, .55) 0%, rgba(62, 43, 119, .3) 42%, transparent 68%);
filter: blur(8px); transform: translate(-50%, -50%);
}
.adv-pk__floor {
position: absolute; left: 50%; bottom: 1%; z-index: 0; pointer-events: none;
width: 80%; height: 13%; border-radius: 50%;
background: radial-gradient(ellipse at center, rgba(160, 130, 255, .55) 0%, rgba(96, 46, 158, .28) 45%, transparent 72%);
filter: blur(5px); transform: translate(-50%, 0);
}
.adv-pk__img {
position: relative; z-index: 1; display: block; width: 100%; height: auto;
filter: drop-shadow(0 26px 34px rgba(0, 0, 0, .6));
}
.adv-pk__shine {
position: absolute; inset: 0; z-index: 2; pointer-events: none;
-webkit-mask: url(//ad-vision.pl/wp-content/themes/ad-vision/assets/img/si/krol-premium.webp) center/contain no-repeat;
mask: url(//ad-vision.pl/wp-content/themes/ad-vision/assets/img/si/krol-premium.webp) center/contain no-repeat; background: linear-gradient(115deg, transparent 43%, rgba(255, 255, 255, .5) 50%, transparent 57%);
background-repeat: no-repeat; background-size: 300% 100%; background-position: 0% 0;
mix-blend-mode: screen; animation: adv-pk-shine 1.4s ease-in-out 1.15s both;
}
@keyframes adv-pk-in    { from { opacity: 0; transform: translateY(26px); filter: blur(18px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes adv-pk-shine { from { background-position: 0% 0; } to { background-position: 100% 0; } } @media (min-width: 861px) {
.adv-pk { max-width: 331px; }
.adv-pk-stage { transform: translateX(-10%); }
} @media (max-width: 860px) {
.adv-pk { margin-top: 15px; }
} @media (prefers-reduced-motion: reduce) {
.adv-pk { animation: none; opacity: 1; }
.adv-pk__shine { display: none; }
} .adv-si-faqsec { position: relative; }
.adv-si-faqsec > .adv-si-sec__head, .adv-si-faqsec > .adv-si-faq { position: relative; z-index: 1; }
.adv-si-faqsec__lion {
position: absolute; z-index: 0; left: calc(50% - 50vw); top: 50%; width: auto;
height: clamp(340px, 46vw, 580px); transform: translateY(-50%);
opacity: .1; pointer-events: none; user-select: none;
}
@media (max-width: 860px) {
.adv-si-faqsec__lion { height: 300px; opacity: .07; }
} .adv-si-hero__facts {
position: relative; z-index: 2; width: 100%; max-width: 1500px; margin: clamp(1.8rem, 3.5vh, 2.8rem) auto 0;
padding: clamp(1.5rem, 2.8vh, 2.2rem) 0 0; border-top: 1px solid rgba(244, 243, 247, .1);
list-style: none;
display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.4rem;
font-family: var(--font-body); font-size: clamp(.86rem, 1.05vw, .96rem); color: rgba(244, 243, 247, .62);
}
.adv-si-fact { position: relative; }
.adv-si-fact strong { color: var(--gold); font-weight: 700; }
.adv-si-fact + .adv-si-fact::before {
content: ""; position: absolute; left: -.85rem; top: 50%; transform: translateY(-50%);
width: 4px; height: 4px; border-radius: 50%; background: rgba(200, 162, 75, .5);
} .adv-si-wrap { max-width: calc(1200px + 4rem); margin: 0 auto; padding: 0 clamp(1.25rem, 5vw, 2rem); box-sizing: border-box; } .adv-si-sec { padding-block: clamp(3.4rem, 7vw, 6rem); }
.adv-si-sec__head { max-width: 46rem; margin: 0 auto clamp(2.4rem, 4.5vw, 3.4rem); text-align: center; }
.adv-si-sec__head .adv-badge { justify-content: center; }
.adv-si-sec__head .adv-h2 { margin: .8rem 0 0; } .adv-si-inline-link { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; transition: color .2s var(--ease); }
.adv-si-inline-link:hover, .adv-si-inline-link:focus-visible { color: #fff; }  .adv-si-feat {
display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1.4rem, 2.4vw, 2.2rem);
width: min(1440px, 94vw); margin-left: 50%; transform: translateX(-50%);
}
.adv-si-fbox {
position: relative; overflow: hidden; display: flex; flex-direction: column;
min-height: 260px; padding: clamp(1.3rem, 2vw, 1.7rem); border-radius: 18px;
background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
border: 1px solid rgba(244, 243, 247, .1);
transition: border-color .25s var(--ease), transform .25s var(--ease), background-color .25s var(--ease);
}
@media (hover: hover) {
.adv-si-fbox:hover { transform: translateY(-4px); border-color: rgba(200, 162, 75, .34); }
} .adv-si-fbox--accent {
background: linear-gradient(165deg, rgba(96, 46, 158, .32), rgba(123, 67, 196, .12) 60%, rgba(20, 15, 34, .9));
border-color: rgba(123, 67, 196, .45);
}
.adv-si-fbox__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: clamp(1.6rem, 3vw, 2.4rem); }
.adv-si-fbox__label {
font-family: var(--font-mono, monospace); font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
color: var(--gold);
}
.adv-si-fbox--accent .adv-si-fbox__label { color: #e9cf94; }
.adv-si-fbox__ico {
flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px; border-radius: 12px; color: var(--gold);
background: rgba(200, 162, 75, .1); border: 1px solid rgba(200, 162, 75, .28);
}
.adv-si-fbox__ico svg { width: 22px; height: 22px; }
.adv-si-fbox--accent .adv-si-fbox__ico { color: #0a0a0d; border-color: transparent; background: linear-gradient(180deg, #e9cf94 0%, #c8a24b 55%, #b0883a 100%); } .adv-si-icm {
display: block; width: 22px; height: 22px; background-color: currentColor;
-webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat;
}
.adv-si-icm--klucz    { --ic: url(//ad-vision.pl/wp-content/themes/ad-vision/assets/img/si/pod-klucz.svg); }
.adv-si-icm--google   { --ic: url(//ad-vision.pl/wp-content/themes/ad-vision/assets/img/si/google.svg); }
.adv-si-icm--teksty   { --ic: url(//ad-vision.pl/wp-content/themes/ad-vision/assets/img/si/teksty.svg); }
.adv-si-icm--wlasnosc { --ic: url(//ad-vision.pl/wp-content/themes/ad-vision/assets/img/si/wlasnosc.svg); }
.adv-si-icm--szybkosc { --ic: url(//ad-vision.pl/wp-content/themes/ad-vision/assets/img/si/szybkosc.svg); }
.adv-si-fbox__title { margin: 0 0 .7rem; font-family: var(--font-head); font-weight: 800; font-size: clamp(1.15rem, 1.5vw, 1.4rem); color: var(--fg); line-height: 1.2; }
.adv-si-fbox__text { margin: 0; font-family: var(--font-body); font-size: clamp(.88rem, 1.05vw, .98rem); line-height: 1.6; color: var(--muted); }
.adv-si-fbox__text strong { color: var(--fg); font-weight: 700; }
.adv-si-fbox--accent .adv-si-fbox__text { color: rgba(244, 243, 247, .78); } .adv-si-fbox__bignum {
position: absolute; right: .2rem; bottom: -.9rem; z-index: 0; pointer-events: none;
font-family: var(--font-head); font-weight: 900; font-size: clamp(4.5rem, 8vw, 7rem); line-height: 1;
color: rgba(244, 243, 247, .05); letter-spacing: -.03em;
}
.adv-si-fbox--accent .adv-si-fbox__bignum { color: rgba(233, 207, 148, .12); } .adv-si-fbox__top, .adv-si-fbox__title, .adv-si-fbox__text { position: relative; z-index: 1; } .adv-si-guar {
position: relative; overflow: hidden; isolation: isolate; margin-inline: calc(50% - 50vw);
padding-block: clamp(4.5rem, 10vw, 8rem);
padding-inline: clamp(1.5rem, 6vw, 4rem); border-top: 1px solid rgba(255, 255, 255, .5);
border-bottom: 1px solid rgba(255, 255, 255, .5);
} .adv-si-guar__media {
position: absolute; inset: 0; z-index: -2;
background: #0a0a0d url(//ad-vision.pl/wp-content/themes/ad-vision/assets/img/si/bg-parallax.webp) center / cover no-repeat;
background-attachment: fixed;
} .adv-si-guar__scrim {
position: absolute; inset: 0; z-index: -1;
background:
radial-gradient(120% 100% at 20% 30%, rgba(10, 10, 13, .55), transparent 70%),
linear-gradient(180deg, rgba(10, 10, 13, .88), rgba(10, 10, 13, .82) 45%, rgba(10, 10, 13, .9));
}
.adv-si-guar__inner { max-width: 52rem; margin-inline: auto; text-align: center; }
.adv-si-guar__kicker {
display: inline-block; margin-bottom: 1rem; padding: .4rem 1rem; border-radius: 999px;
font-family: var(--font-mono, monospace); font-size: .72rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold);
background: rgba(200, 162, 75, .1); border: 1px solid rgba(200, 162, 75, .34);
}
.adv-si-guar__title {
margin: 0 0 1.1rem; color: #fff;
font-size: clamp(2.1rem, 4.6vw, 3.4rem); text-shadow: 0 2px 30px rgba(0, 0, 0, .6); }
.adv-si-guar__text { margin: 0 auto; max-width: 46rem; font-family: var(--font-body); font-size: clamp(.98rem, 1.2vw, 1.1rem); line-height: 1.75; color: rgba(255, 255, 255, .82); }
.adv-si-guar__text strong { font-weight: 700; color: inherit; } .adv-si-guar__text strong.adv-si-hlw { color: #fff; } .adv-si-guar__fine { margin: clamp(1.6rem, 3vw, 2.4rem) auto 0; max-width: 40rem; font-family: var(--font-body); font-size: .82rem; line-height: 1.5; color: rgba(255, 255, 255, .5); }
@media (hover: none), (prefers-reduced-motion: reduce) {
.adv-si-guar__media { background-attachment: scroll; } } .adv-si-control { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(1.4rem, 3vw, 2.4rem); align-items: center; }
.adv-si-control__text .adv-h2 { margin: .8rem 0 1rem; }
.adv-si-control__lead { margin: 0; font-family: var(--font-body); font-size: clamp(.95rem, 1.15vw, 1.05rem); line-height: 1.7; color: var(--muted); max-width: 34rem; }
.adv-si-upsell {
position: relative; display: block; padding: clamp(1.6rem, 3vw, 2.2rem); padding-right: 3.4rem; border-radius: 20px;
text-decoration: none; overflow: hidden;
background: linear-gradient(155deg, rgba(200, 162, 75, .16), rgba(96, 46, 158, .14) 60%, rgba(10, 10, 13, 0));
border: 1px solid rgba(200, 162, 75, .32);
transition: transform .25s var(--ease), border-color .25s var(--ease);
}
@media (hover: hover) { .adv-si-upsell:hover { transform: translateY(-3px); border-color: rgba(200, 162, 75, .55); } }
.adv-si-upsell__label { display: inline-block; margin-bottom: .7rem; font-family: var(--font-mono, monospace); font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }
.adv-si-upsell__title { display: block; font-family: var(--font-head); font-weight: 800; font-size: clamp(1.1rem, 1.6vw, 1.3rem); color: var(--fg); line-height: 1.2; }
.adv-si-upsell__desc { display: block; margin-top: .5rem; font-family: var(--font-body); font-size: clamp(.9rem, 1.1vw, 1rem); line-height: 1.55; color: rgba(244, 243, 247, .78); }
.adv-si-upsell__arrow { position: absolute; right: 1.3rem; top: 50%; transform: translateY(-50%); color: var(--gold); transition: transform .25s var(--ease); }
.adv-si-upsell__arrow svg { width: 22px; height: 22px; }
@media (hover: hover) { .adv-si-upsell:hover .adv-si-upsell__arrow { transform: translateY(-50%) translateX(4px); } }  .adv-si-timeline {
list-style: none; margin: 0; padding: 0; counter-reset: none;
display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(1.2rem, 2vw, 1.9rem);
width: min(1440px, 94vw); margin-left: 50%; transform: translateX(-50%);
}
.adv-si-step { position: relative; padding-top: 3.6rem; } .adv-si-step::before {
content: ""; position: absolute; top: 20px; left: 40px; right: calc(-1 * clamp(1rem, 1.6vw, 1.4rem)); height: 2px;
background: linear-gradient(90deg, rgba(200, 162, 75, .5), rgba(200, 162, 75, .12));
}
.adv-si-step:last-child::before { display: none; }
.adv-si-step__num {
position: absolute; top: 0; left: 0; display: inline-flex; align-items: center; justify-content: center;
width: 40px; height: 40px; border-radius: 50%; z-index: 1;
font-family: var(--font-head); font-weight: 800; font-size: 1.05rem; color: #0a0a0d;
background: linear-gradient(180deg, #e9cf94 0%, #c8a24b 55%, #b0883a 100%);
box-shadow: 0 6px 16px -6px rgba(200, 162, 75, .7);
}
.adv-si-step__title { margin: 0 0 .5rem; font-family: var(--font-head); font-weight: 800; font-size: clamp(1rem, 1.3vw, 1.15rem); color: var(--fg); line-height: 1.2; }
.adv-si-step__text { margin: 0; font-family: var(--font-body); font-size: clamp(.86rem, 1vw, .95rem); line-height: 1.6; color: var(--muted); }
.adv-si-step__text strong.adv-si-hlw { color: #fff; font-weight: 700; }  .adv-si-step--accent .adv-si-step__num {
color: #fff;
background: linear-gradient(180deg, #9a63d8 0%, #7b43c4 55%, #602e9e 100%);
box-shadow: 0 0 0 5px rgba(123, 67, 196, .2), 0 8px 22px -4px rgba(123, 67, 196, .95);
}
.adv-si-step--accent .adv-si-step__title { color: #fff; } .adv-si-bonus__sum { margin: .7rem 0 0; font-family: var(--font-body); font-size: .82rem; color: var(--muted); opacity: .85; } .adv-si-scarce { display: inline-flex; align-items: center; gap: .55rem; margin: 1.1rem 0 0; padding: .5rem .95rem .5rem .8rem; border-radius: 999px; background: rgba(123,67,196,.16); border: 1px solid rgba(123,67,196,.5); font-family: var(--font-head); font-weight: 700; font-size: clamp(.9rem, 1.1vw, 1rem); color: #fff; }
.adv-si-scarce strong { color: var(--gold); font-weight: 800; }
.adv-si-scarce__dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(212,175,55,.2); }
.adv-si-alert { display: flex; align-items: center; gap: clamp(.9rem, 2vw, 1.3rem); max-width: 44rem; margin: 0 auto clamp(2rem, 4vw, 3rem); padding: clamp(1rem, 2.5vw, 1.4rem) clamp(1.2rem, 3vw, 1.7rem); border-radius: 14px; background: rgba(255,255,255,.03); border: 1px solid rgba(212,175,55,.4); border-left: 4px solid var(--gold); }
.adv-si-alert__mark { flex: none; width: clamp(2.4rem, 5vw, 3rem); height: clamp(2.4rem, 5vw, 3rem); border-radius: 50%; background: var(--gold); color: #1a1030; font-family: var(--font-head); font-weight: 800; font-size: clamp(1.5rem, 3vw, 1.9rem); line-height: 1; display: flex; align-items: center; justify-content: center; }
.adv-si-alert__text { margin: 0; font-family: var(--font-body); font-size: clamp(.95rem, 1.2vw, 1.05rem); line-height: 1.55; color: rgba(255,255,255,.85); }
.adv-si-alert__text strong { color: #fff; font-family: var(--font-head); font-weight: 800; }
@media (max-width: 560px) { .adv-si-alert { gap: .8rem; padding: 1rem 1.1rem; } }
.adv-si-bonus { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(1rem, 2vw, 1.5rem); }
.adv-si-bonus--three { grid-template-columns: repeat(3, 1fr); }  @media (min-width: 901px) {
.adv-si-bonus--three { width: min(1440px, calc(100vw - 3rem)); max-width: none; position: relative; left: 50%; transform: translateX(-50%); }
}
@media (max-width: 900px) { .adv-si-bonus--three { grid-template-columns: 1fr; } }
.adv-si-bonus__card {
position: relative; padding: clamp(1.6rem, 3vw, 2.2rem); border-radius: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
border: 1px solid rgba(244, 243, 247, .1);
}
.adv-si-bonus__card--accent {
background: linear-gradient(160deg, rgba(96, 46, 158, .2), rgba(123, 67, 196, .06) 60%, rgba(10, 10, 13, 0));
border-color: rgba(123, 67, 196, .38);
}
.adv-si-bonus__value {
display: inline-block; margin-bottom: .9rem; padding: .3rem .8rem; border-radius: 999px;
font-family: var(--font-mono, monospace); font-size: .72rem; letter-spacing: .05em; color: var(--gold);
background: rgba(200, 162, 75, .1); border: 1px solid rgba(200, 162, 75, .3);
}
.adv-si-bonus__title { margin: 0 0 .4rem; font-family: var(--font-head); font-weight: 800; font-size: clamp(1.2rem, 1.8vw, 1.45rem); color: var(--fg); line-height: 1.15; }
.adv-si-bonus__tag { margin: 0 0 .8rem; font-family: var(--font-body); font-size: .85rem; font-style: italic; color: var(--gold); }
.adv-si-bonus__text { margin: 0; font-family: var(--font-body); font-size: clamp(.92rem, 1.1vw, 1rem); line-height: 1.65; color: var(--muted); }
.adv-si-bonus__text strong.adv-si-hlw { color: #fff; font-weight: 700; }  .adv-si-care {
padding: clamp(1.8rem, 3.5vw, 3rem); border-radius: 22px;
background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
border: 1px solid rgba(244, 243, 247, .1);
}
.adv-si-care__head { text-align: center; margin-bottom: clamp(1.6rem, 3vw, 2.2rem); }
.adv-si-care__head .adv-badge { justify-content: center; }
.adv-si-care__head .adv-h2 { margin: .7rem 0 .6rem; }
.adv-si-care__price { margin: 15px 0 0; font-family: var(--font-body); font-size: clamp(1rem, 1.4vw, 1.15rem); color: var(--muted); }
.adv-si-care__price strong { font-family: var(--font-head); font-weight: 800; font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--gold); }
.adv-si-care__grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: clamp(1.2rem, 3vw, 2.4rem); align-items: start; max-width: 58rem; margin-inline: auto; }
.adv-si-care__lead { margin: 0; font-family: var(--font-body); font-size: clamp(.95rem, 1.15vw, 1.05rem); line-height: 1.7; color: rgba(244, 243, 247, .82); }
.adv-si-care__lead strong.adv-si-hlw { color: #fff; font-weight: 700; } .adv-si-care__note {
margin: 0; padding: 1rem 1.2rem; border-radius: 14px; font-family: var(--font-body); font-size: clamp(.9rem, 1.1vw, 1rem); line-height: 1.6; color: var(--fg);
background: rgba(200, 162, 75, .08); border: 1px solid rgba(200, 162, 75, .24);
} .adv-si-faq { max-width: 52rem; margin-inline: auto; display: flex; flex-direction: column; gap: .8rem; }
.adv-si-faq__item {
border-radius: 14px; overflow: hidden;
background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012));
border: 1px solid rgba(244, 243, 247, .1);
transition: border-color .25s var(--ease);
}
.adv-si-faq__item.is-open { border-color: rgba(200, 162, 75, .34); }
.adv-si-faq__q {
width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
padding: clamp(1.05rem, 2vw, 1.35rem) clamp(1.15rem, 2.2vw, 1.6rem); cursor: pointer;
background: none; border: none; text-align: left;
font-family: var(--font-head); font-weight: 700; font-size: clamp(1rem, 1.3vw, 1.12rem); color: var(--fg); line-height: 1.35;
}
.adv-si-faq__ico { position: relative; flex: 0 0 auto; width: 20px; height: 20px; }
.adv-si-faq__ico::before, .adv-si-faq__ico::after {
content: ""; position: absolute; top: 50%; left: 50%; background: var(--gold); border-radius: 2px;
transform: translate(-50%, -50%); transition: transform .3s var(--ease), opacity .3s var(--ease);
}
.adv-si-faq__ico::before { width: 14px; height: 2px; }
.adv-si-faq__ico::after { width: 2px; height: 14px; }
.adv-si-faq__item.is-open .adv-si-faq__ico::after { transform: translate(-50%, -50%) scaleY(0); opacity: 0; } .adv-si-faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s var(--ease); }
.adv-si-faq__item.is-open .adv-si-faq__a { grid-template-rows: 1fr; }
.adv-si-faq__a-inner { overflow: hidden; }
.adv-si-faq__a-inner p { margin: 0 clamp(1.15rem, 2.2vw, 1.6rem) clamp(1.1rem, 2vw, 1.35rem); font-family: var(--font-body); font-size: clamp(.92rem, 1.1vw, 1rem); line-height: 1.7; color: var(--muted); }
.adv-si-faq__a-inner p:first-child { padding-top: .2rem; }
.adv-si-faq__a-inner a { color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
.adv-si-faq__a-inner strong.adv-si-hlw { color: #fff; font-weight: 700; } .adv-si-final {
position: relative; text-align: center; padding: clamp(2.4rem, 5vw, 4rem) clamp(1.4rem, 4vw, 3rem); border-radius: 26px; overflow: hidden;
background: linear-gradient(160deg, #140f22 0%, #0d0a15 55%, #0a0a0d 100%);
border: 1px solid rgba(123, 67, 196, .3);
}
.adv-si-final__glow { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(60% 80% at 50% 0%, rgba(123, 67, 196, .28), transparent 70%); }
.adv-si-final > * { position: relative; z-index: 1; }
.adv-si-final__title { margin: 0 0 1rem; font-size: clamp(1.8rem, 4vw, 2.8rem); }
.adv-si-final__text { margin: 0 auto 1.8rem; max-width: 42rem; font-family: var(--font-body); font-size: clamp(.98rem, 1.2vw, 1.1rem); line-height: 1.7; color: rgba(244, 243, 247, .8); }
.adv-si-final__text strong.adv-si-hlw { color: #fff; font-weight: 700; } .adv-si-final__actions { display: flex; flex-wrap: wrap; gap: .8rem; justify-content: center; } @media (max-width: 980px) {
.adv-si-feat { grid-template-columns: repeat(2, 1fr); }
.adv-si-control { grid-template-columns: 1fr; }
.adv-si-care__grid { grid-template-columns: 1fr; } .adv-si-timeline { grid-template-columns: repeat(3, 1fr); gap: 1.4rem 1.2rem; }
.adv-si-step:nth-child(3)::before { display: none; }
}
@media (max-width: 640px) {
.adv-si-feat { grid-template-columns: 1fr; }
.adv-si-bonus { grid-template-columns: 1fr; } .adv-si-timeline { grid-template-columns: 1fr; gap: 0; }
.adv-si-step { padding-top: 0; padding-left: 3.6rem; padding-bottom: 1.8rem; }
.adv-si-step:last-child { padding-bottom: 0; }
.adv-si-step::before { top: 40px; bottom: -0; left: 19px; right: auto; width: 2px; height: auto;
background: linear-gradient(180deg, rgba(200, 162, 75, .5), rgba(200, 162, 75, .12)); }
.adv-si-step:nth-child(3)::before { display: block; }
.adv-si-step:last-child::before { display: none; }
}