/*
 * Premium Ana Sayfa V2.5 — imza ve yerleşim düzeltmesi
 * Hero ve dinamik paket bölümü sonrasındaki alanları tamamlar.
 */

.premium-home-v23 {
    --accent: #248cff;
    --accent-2: #55d9ff;
    --accent-rgb: 36, 140, 255;
    --surface: #071329;
    --surface-2: #0b1c38;
    --page: #030a17;
    --line: rgba(88, 174, 255, .20);
    --text: #f7fbff;
    --muted: #9cadc2;
    --shadow: rgba(0, 0, 0, .46);
    position: relative;
    z-index: 3;
    overflow: hidden;
    color: var(--text);
    background: var(--page);
    font-family: inherit;
}

.premium-home-v23--sp {
    --accent: #b63cff;
    --accent-2: #7e35ff;
    --accent-rgb: 182, 60, 255;
    --surface: #14051f;
    --surface-2: #1f0a2d;
    --page: #08020e;
    --line: rgba(195, 92, 255, .22);
    --text: #fff9ff;
    --muted: #b39ebd;
    --shadow: rgba(0, 0, 0, .56);
}

/* Değişkenleri footer ve mevcut dinamik kartlar için body seviyesinde de tanımlar. */
.premium-home-v23-mh {
    --accent: #248cff;
    --accent-2: #55d9ff;
    --accent-rgb: 36, 140, 255;
}

.premium-home-v23-sp {
    --accent: #b63cff;
    --accent-2: #7e35ff;
    --accent-rgb: 182, 60, 255;
}

.premium-home-v23 *,
.premium-home-v23 *::before,
.premium-home-v23 *::after {
    box-sizing: border-box;
}

.premium-home-v23 section {
    position: relative;
    padding: clamp(72px, 7vw, 104px) 0;
}

.premium-home-v23 .container {
    position: relative;
    z-index: 2;
}

.premium-process-v23,
.premium-faq-v23 {
    background:
        radial-gradient(circle at 8% 0%, rgba(var(--accent-rgb), .14), transparent 34%),
        radial-gradient(circle at 90% 12%, rgba(var(--accent-rgb), .08), transparent 28%),
        linear-gradient(180deg, var(--page), var(--surface));
}

.premium-process-v23::before,
.premium-faq-v23::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .26;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(var(--accent-rgb), .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--accent-rgb), .055) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

.premium-section-heading {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 2 !important;
    float: none !important;
    transform: none !important;
    width: min(760px, 100%);
    margin: 0 auto clamp(38px, 5vw, 60px);
    text-align: center;
}

.premium-process-v23 .premium-section-heading + .premium-process-grid {
    position: relative;
    z-index: 2;
}

footer .footer-bottom .copyright.premium-signature-host {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 44px;
    color: rgba(233, 240, 255, .72) !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.4;
}

footer .premium-signature-host span {
    color: rgba(233, 240, 255, .58);
}

footer .premium-signature-host strong {
    color: var(--accent-2, #55d9ff);
    font-weight: 900;
    letter-spacing: -.01em;
    text-shadow: 0 0 20px rgba(var(--accent-rgb, 36, 140, 255), .38);
}

.premium-home-v23-sp ~ footer .premium-signature-host strong,
.premium-home-v23-sp + footer .premium-signature-host strong,
body.premium-home-v23-sp footer .premium-signature-host strong {
    color: #d98cff;
    text-shadow: 0 0 22px rgba(182, 60, 255, .44);
}

.premium-eyebrow {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--accent-2);
    background: rgba(var(--accent-rgb), .09);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 34px rgba(var(--accent-rgb), .08);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.premium-section-heading h2,
.premium-benefits-copy h2,
.premium-final-copy h2 {
    margin: 18px 0 14px;
    color: var(--text);
    font-size: clamp(32px, 3.8vw, 48px);
    font-weight: 900;
    letter-spacing: -.05em;
    line-height: 1.02;
}

.premium-section-heading p,
.premium-benefits-copy > p,
.premium-final-copy > p {
    max-width: 660px;
    margin: 0 auto;
    color: var(--muted);
    font-size: clamp(15px, 1.45vw, 18px);
    line-height: 1.72;
}

.premium-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    perspective: 1200px;
}

.premium-visual-v23 {
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 50%, rgba(var(--accent-rgb), .14), transparent 32%),
        linear-gradient(180deg, var(--surface), var(--page));
}

.premium-visual-shell {
    display: grid;
    grid-template-columns: minmax(290px, .78fr) minmax(0, 1.45fr);
    align-items: center;
    gap: clamp(34px, 6vw, 86px);
}

.premium-visual-copy h2 {
    margin: 20px 0 17px;
    color: var(--text);
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 900;
    letter-spacing: -.055em;
    line-height: 1.01;
}

.premium-visual-copy > p {
    color: var(--muted);
    font-size: clamp(15px, 1.4vw, 18px);
    line-height: 1.72;
}

.premium-visual-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 27px;
}

.premium-visual-tags span {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    background: rgba(var(--accent-rgb), .07);
    font-size: 11px;
    font-weight: 800;
}

.premium-visual-art {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --glow-x: 50%;
    --glow-y: 50%;
    position: relative;
    min-height: 430px;
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(var(--accent-rgb), .30);
    border-radius: 32px;
    background: var(--surface);
    box-shadow: 0 42px 110px var(--shadow), 0 0 42px rgba(var(--accent-rgb), .12), inset 0 1px 0 rgba(255,255,255,.08);
    transform: rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    transform-style: preserve-3d;
    transition: transform .34s cubic-bezier(.2,.8,.2,1), border-color .34s ease, box-shadow .34s ease;
}

.premium-visual-art::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(2,7,18,.82), transparent 33%),
        radial-gradient(circle at var(--glow-x) var(--glow-y), rgba(var(--accent-rgb), .18), transparent 35%);
}

.premium-home-v23--sp .premium-visual-art::after {
    background:
        linear-gradient(90deg, rgba(8,2,14,.82), transparent 33%),
        radial-gradient(circle at var(--glow-x) var(--glow-y), rgba(var(--accent-rgb), .20), transparent 35%);
}

.premium-visual-art img {
    width: 100%;
    height: 100%;
    min-height: 430px;
    display: block;
    object-fit: cover;
}

.premium-visual-sheen {
    position: absolute;
    z-index: 2;
    width: 28%;
    height: 160%;
    top: -30%;
    left: -40%;
    pointer-events: none;
    opacity: 0;
    transform: rotate(18deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.13), transparent);
    transition: left .8s cubic-bezier(.2,.8,.2,1), opacity .25s ease;
}

.premium-visual-art:hover {
    border-color: rgba(var(--accent-rgb), .52);
    box-shadow: 0 50px 120px var(--shadow), 0 0 50px rgba(var(--accent-rgb), .18), inset 0 1px 0 rgba(255,255,255,.10);
}

.premium-visual-art:hover .premium-visual-sheen {
    left: 115%;
    opacity: .78;
}

.premium-step-card,
.premium-benefit-card {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --glow-x: 50%;
    --glow-y: 50%;
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        var(--surface);
    box-shadow:
        0 28px 74px var(--shadow),
        inset 0 1px 0 rgba(255,255,255,.075);
    backdrop-filter: blur(22px);
    transform: translateY(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    transform-style: preserve-3d;
    transition: transform .34s cubic-bezier(.2,.8,.2,1), border-color .34s ease, box-shadow .34s ease;
    will-change: transform;
}

.premium-step-card {
    min-height: 330px;
    padding: 30px;
    border-radius: 27px;
}

.premium-step-card::after,
.premium-benefit-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    background: radial-gradient(circle at var(--glow-x) var(--glow-y), rgba(var(--accent-rgb), .20), transparent 42%);
    transition: opacity .32s ease;
}

.premium-card-glow {
    position: absolute;
    width: 170px;
    height: 170px;
    top: -90px;
    right: -70px;
    border-radius: 50%;
    opacity: .16;
    filter: blur(54px);
    background: var(--accent);
    pointer-events: none;
}

.premium-step-number {
    position: absolute;
    top: 24px;
    right: 26px;
    z-index: 1;
    color: rgba(var(--accent-rgb), .34);
    font-size: 34px;
    font-weight: 900;
    letter-spacing: -.05em;
}

.premium-icon-box {
    position: relative;
    z-index: 1;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--accent-rgb), .30);
    border-radius: 17px;
    color: var(--accent-2);
    background: linear-gradient(145deg, rgba(var(--accent-rgb), .18), rgba(var(--accent-rgb), .05));
    box-shadow: 0 13px 34px rgba(var(--accent-rgb), .12), inset 0 1px 0 rgba(255,255,255,.08);
}

.premium-icon-box svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.premium-step-card h3,
.premium-benefit-card h3 {
    position: relative;
    z-index: 1;
    margin: 54px 0 12px;
    color: var(--text);
    font-size: 21px;
    font-weight: 850;
    letter-spacing: -.025em;
}

.premium-step-card p,
.premium-benefit-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.7;
}

.premium-benefits-v23 {
    background:
        linear-gradient(120deg, rgba(var(--accent-rgb), .10), transparent 34%),
        linear-gradient(180deg, var(--surface), var(--page));
}

.premium-benefits-layout {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: clamp(50px, 7vw, 96px);
    align-items: center;
}

.premium-benefits-copy {
    position: sticky;
    top: 120px;
}

.premium-benefits-copy h2,
.premium-benefits-copy > p {
    margin-left: 0;
}

.premium-inline-link {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
    padding: 0 18px;
    border: 1px solid var(--line);
    border-radius: 15px;
    color: var(--text) !important;
    background: rgba(var(--accent-rgb), .08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    font-size: 13px;
    font-weight: 800;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}

.premium-inline-link span {
    color: var(--accent-2);
    transition: transform .3s ease;
}

.premium-benefit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    perspective: 1200px;
}

.premium-benefit-card {
    min-height: 264px;
    padding: 24px;
    border-radius: 23px;
}

.premium-benefit-card:nth-child(2),
.premium-benefit-card:nth-child(4) {
    transform: translateY(22px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
}

.premium-benefit-card h3 {
    margin-top: 28px;
    font-size: 18px;
}

.premium-confidence-v23 {
    padding: 0 !important;
    background: var(--page);
}

.premium-confidence-bar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(var(--accent-rgb), .10), rgba(255,255,255,.025));
    box-shadow: 0 30px 84px var(--shadow), inset 0 1px 0 rgba(255,255,255,.065);
}

.premium-confidence-bar > div {
    min-height: 126px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    padding: 25px;
    border-right: 1px solid var(--line);
}

.premium-confidence-bar > div:last-child {
    border-right: 0;
}

.premium-confidence-bar strong {
    color: var(--text);
    font-size: 17px;
    font-weight: 850;
}

.premium-confidence-bar span {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}

.premium-section-heading--wide {
    width: min(900px, 100%);
}

.premium-stories-v23 {
    background:
        radial-gradient(circle at 84% 18%, rgba(var(--accent-rgb), .15), transparent 31%),
        linear-gradient(180deg, var(--page), var(--surface));
}

.premium-stories-v23::before,
.premium-editorial-v23::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .24;
    background-image:
        radial-gradient(circle at 20% 20%, rgba(var(--accent-rgb), .19) 0 1px, transparent 1.5px),
        radial-gradient(circle at 80% 60%, rgba(var(--accent-rgb), .13) 0 1px, transparent 1.5px);
    background-size: 74px 74px, 106px 106px;
    mask-image: linear-gradient(180deg, transparent, #000 22%, #000 78%, transparent);
}

.premium-stories-layout {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    align-items: stretch;
    gap: 22px;
}

.premium-editorial-art,
.premium-review-card,
.premium-editorial-feature,
.premium-article-card {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --glow-x: 50%;
    --glow-y: 50%;
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    background: var(--surface);
    box-shadow: 0 30px 86px var(--shadow), inset 0 1px 0 rgba(255,255,255,.07);
    transform: translateY(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    transform-style: preserve-3d;
    transition: transform .34s cubic-bezier(.2,.8,.2,1), border-color .34s ease, box-shadow .34s ease;
    will-change: transform;
}

.premium-editorial-art::after,
.premium-review-card::after,
.premium-editorial-feature::after,
.premium-article-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    background: radial-gradient(circle at var(--glow-x) var(--glow-y), rgba(var(--accent-rgb), .22), transparent 39%);
    transition: opacity .3s ease;
}

.premium-editorial-art:hover,
.premium-review-card:hover,
.premium-editorial-feature:hover,
.premium-article-card:hover {
    border-color: rgba(var(--accent-rgb), .52);
    box-shadow: 0 38px 100px var(--shadow), 0 0 38px rgba(var(--accent-rgb), .14), inset 0 1px 0 rgba(255,255,255,.10);
}

.premium-editorial-art:hover::after,
.premium-review-card:hover::after,
.premium-editorial-feature:hover::after,
.premium-article-card:hover::after {
    opacity: 1;
}

.premium-editorial-art--stories {
    min-height: 620px;
    margin: 0;
    border-radius: 31px;
}

.premium-editorial-art img,
.premium-editorial-feature > img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.premium-editorial-art img {
    min-height: 620px;
}

.premium-editorial-shade {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, transparent 36%, rgba(2, 8, 20, .92) 100%),
        linear-gradient(90deg, rgba(2, 8, 20, .20), transparent 58%);
}

.premium-home-v23--sp .premium-editorial-shade {
    background:
        linear-gradient(180deg, transparent 32%, rgba(8, 1, 14, .94) 100%),
        linear-gradient(90deg, rgba(8, 1, 14, .16), transparent 58%);
}

.premium-editorial-art figcaption {
    position: absolute;
    z-index: 3;
    right: 26px;
    bottom: 26px;
    left: 26px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 3px 10px;
    padding: 18px 20px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 20px;
    color: var(--text);
    background: rgba(3, 10, 24, .64);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 50px rgba(0,0,0,.26);
    backdrop-filter: blur(17px);
}

.premium-home-v23--sp .premium-editorial-art figcaption {
    background: rgba(12, 2, 19, .68);
}

.premium-live-dot {
    grid-row: 1 / 3;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--accent-2);
    box-shadow: 0 0 0 7px rgba(var(--accent-rgb), .12), 0 0 22px rgba(var(--accent-rgb), .72);
}

.premium-editorial-art figcaption span:not(.premium-live-dot) {
    color: var(--muted);
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.premium-editorial-art figcaption strong {
    font-size: 17px;
    font-weight: 850;
}

.premium-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.premium-review-card {
    min-height: 294px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-radius: 25px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.057), rgba(255,255,255,.018)),
        var(--surface);
}

.premium-quote-mark {
    position: absolute;
    z-index: 0;
    top: -5px;
    right: 18px;
    color: rgba(var(--accent-rgb), .17);
    font-family: Georgia, serif;
    font-size: 100px;
    line-height: 1;
}

.premium-review-person,
.premium-review-stars,
.premium-review-card > p {
    position: relative;
    z-index: 2;
}

.premium-review-person {
    display: flex;
    align-items: center;
    gap: 12px;
}

.premium-review-person img,
.premium-review-avatar {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--accent-rgb), .38);
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(145deg, var(--accent), var(--accent-2));
    box-shadow: 0 12px 30px rgba(var(--accent-rgb), .20), inset 0 1px 0 rgba(255,255,255,.24);
    object-fit: cover;
    font-size: 18px;
    font-weight: 900;
}

.premium-review-person div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.premium-review-person strong {
    overflow: hidden;
    color: var(--text);
    font-size: 14px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-review-person div span {
    overflow: hidden;
    color: var(--muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.premium-review-stars {
    display: flex;
    gap: 3px;
    margin: 22px 0 14px;
}

.premium-review-stars span {
    color: rgba(255,255,255,.16);
    font-size: 13px;
}

.premium-review-stars span.is-active {
    color: var(--accent-2);
    filter: drop-shadow(0 0 7px rgba(var(--accent-rgb), .58));
}

.premium-review-card > p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.72;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.premium-editorial-v23 {
    background:
        radial-gradient(circle at 12% 14%, rgba(var(--accent-rgb), .13), transparent 31%),
        linear-gradient(180deg, var(--surface), var(--page));
}

.premium-editorial-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
    gap: 18px;
}

.premium-editorial-layout.is-single {
    grid-template-columns: 1fr;
}

.premium-editorial-feature {
    min-height: 540px;
    display: block;
    border-radius: 31px;
    color: var(--text) !important;
}

.premium-editorial-feature > img {
    min-height: 540px;
}

.premium-feature-label {
    position: absolute;
    z-index: 3;
    top: 24px;
    left: 24px;
    padding: 9px 13px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;
    color: #fff;
    background: rgba(3, 10, 24, .58);
    backdrop-filter: blur(14px);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.premium-feature-copy {
    position: absolute;
    z-index: 3;
    right: clamp(24px, 5vw, 52px);
    bottom: clamp(24px, 5vw, 50px);
    left: clamp(24px, 5vw, 52px);
    display: grid;
    gap: 12px;
}

.premium-feature-copy small,
.premium-article-copy small {
    color: var(--accent-2);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.premium-feature-copy > strong {
    max-width: 720px;
    color: #fff;
    font-size: clamp(29px, 3.4vw, 49px);
    font-weight: 900;
    letter-spacing: -.045em;
    line-height: 1.04;
}

.premium-feature-copy > span,
.premium-article-copy > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 820;
}

.premium-feature-copy b,
.premium-article-copy b {
    color: var(--accent-2);
    font-size: 17px;
    transition: transform .28s ease;
}

.premium-editorial-feature:hover .premium-feature-copy b,
.premium-article-card:hover .premium-article-copy b {
    transform: translate(4px, -2px);
}

.premium-article-list {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.premium-article-card {
    min-height: 0;
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr);
    align-items: stretch;
    border-radius: 23px;
    color: var(--text) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        var(--surface);
}

.premium-article-thumb {
    position: relative;
    z-index: 0;
    min-height: 180px;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(var(--accent-rgb), .24), rgba(var(--accent-rgb), .04));
}

.premium-article-thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 48%, var(--surface));
    opacity: .82;
}

.premium-article-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: saturate(.68) contrast(1.06);
    transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .4s ease;
}

.premium-article-card--1 .premium-article-thumb img {
    object-position: 16.666% center;
}

.premium-article-card--2 .premium-article-thumb img {
    object-position: 50% center;
}

.premium-article-card--3 .premium-article-thumb img {
    object-position: 83.333% center;
}

.premium-home-v23--sp .premium-article-thumb img {
    filter: saturate(.62) hue-rotate(13deg) contrast(1.08);
}

.premium-article-card:hover .premium-article-thumb img {
    transform: scale(1.055);
    filter: saturate(.92) contrast(1.08);
}

.premium-article-placeholder {
    width: 100%;
    height: 100%;
    display: block;
    background:
        radial-gradient(circle at 38% 40%, rgba(var(--accent-rgb), .55), transparent 7%),
        linear-gradient(145deg, rgba(var(--accent-rgb), .25), rgba(var(--accent-rgb), .03));
}

.premium-article-copy {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9px;
    padding: 20px 20px 20px 16px;
}

.premium-article-copy > strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--text);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.34;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.premium-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.premium-faq-item {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 19px;
    background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}

.premium-faq-item summary {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 19px 22px;
    color: var(--text);
    cursor: pointer;
    list-style: none;
    font-size: 15px;
    font-weight: 800;
}

.premium-faq-item summary::-webkit-details-marker {
    display: none;
}

.premium-faq-item summary span {
    position: relative;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: rgba(var(--accent-rgb), .08);
}

.premium-faq-item summary span::before,
.premium-faq-item summary span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1.5px;
    border-radius: 2px;
    background: var(--accent-2);
    transform: translate(-50%, -50%);
    transition: transform .25s ease;
}

.premium-faq-item summary span::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.premium-faq-item[open] summary span::after {
    transform: translate(-50%, -50%) rotate(0);
}

.premium-faq-item p {
    margin: 0;
    padding: 0 22px 22px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.7;
}

.premium-final-cta-v23 {
    padding-top: 0 !important;
    background: linear-gradient(180deg, var(--surface), var(--page));
}

.premium-final-cta-card {
    position: relative;
    min-height: 320px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 50px;
    overflow: hidden;
    padding: clamp(34px, 5vw, 64px);
    border: 1px solid rgba(var(--accent-rgb), .32);
    border-radius: 32px;
    background:
        radial-gradient(circle at 84% 30%, rgba(var(--accent-rgb), .22), transparent 27%),
        linear-gradient(135deg, rgba(var(--accent-rgb), .14), rgba(255,255,255,.026)),
        var(--surface);
    box-shadow: 0 42px 110px var(--shadow), inset 0 1px 0 rgba(255,255,255,.08);
}

.premium-final-cta-card::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .32;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(var(--accent-rgb), .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--accent-rgb), .08) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(90deg, transparent, #000 72%, transparent);
}

.premium-final-orbit {
    position: absolute;
    width: 300px;
    height: 300px;
    right: 5%;
    top: 50%;
    border: 1px solid rgba(var(--accent-rgb), .22);
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 80px rgba(var(--accent-rgb), .13), inset 0 0 64px rgba(var(--accent-rgb), .08);
}

.premium-final-orbit::before,
.premium-final-orbit::after {
    content: "";
    position: absolute;
    inset: 48px;
    border: 1px solid rgba(var(--accent-rgb), .18);
    border-radius: 50%;
}

.premium-final-orbit::after {
    inset: 105px;
    background: var(--accent);
    box-shadow: 0 0 34px rgba(var(--accent-rgb), .72);
}

.premium-final-copy,
.premium-final-actions {
    position: relative;
    z-index: 2;
}

.premium-final-copy {
    max-width: 700px;
}

.premium-final-copy h2,
.premium-final-copy > p {
    margin-left: 0;
}

.premium-final-actions {
    min-width: 235px;
    display: grid;
    gap: 11px;
}

.premium-final-button {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 0 20px;
    border: 1px solid var(--line);
    border-radius: 17px;
    color: var(--text) !important;
    font-size: 13px;
    font-weight: 850;
    transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease, background .3s ease;
}

.premium-final-button--primary {
    border-color: rgba(var(--accent-rgb), .58);
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    box-shadow: 0 16px 40px rgba(var(--accent-rgb), .24), inset 0 1px 0 rgba(255,255,255,.25);
}

.premium-home-v23--sp .premium-final-button--primary {
    background: linear-gradient(135deg, var(--accent-2), var(--accent));
}

.premium-final-button--ghost {
    background: rgba(255,255,255,.025);
}

.premium-step-card:hover,
.premium-benefit-card:hover {
    border-color: rgba(var(--accent-rgb), .48);
    box-shadow: 0 36px 96px var(--shadow), 0 0 34px rgba(var(--accent-rgb), .12), inset 0 1px 0 rgba(255,255,255,.11);
}

.premium-step-card:hover::after,
.premium-benefit-card:hover::after {
    opacity: 1;
}

.premium-inline-link:hover,
.premium-final-button:hover {
    color: var(--text) !important;
    border-color: rgba(var(--accent-rgb), .55);
    box-shadow: 0 17px 44px rgba(var(--accent-rgb), .21), inset 0 1px 0 rgba(255,255,255,.10);
    transform: translateY(-3px);
}

.premium-inline-link:hover span,
.premium-final-button:hover span {
    transform: translateX(4px);
}

.premium-faq-item:hover,
.premium-faq-item[open] {
    border-color: rgba(var(--accent-rgb), .42);
    box-shadow: 0 20px 50px rgba(var(--accent-rgb), .08);
    transform: translateY(-2px);
}

/* Eski alt bölümler yeni akışla çift görünmesin. */
.premium-home-v23-active section#reviews,
.premium-home-v23-active section#faq,
.premium-home-v23-active section#article,
.premium-home-v23-active section#blog,
.premium-home-v23-active section.aboutUs,
html.premium-home-v23-active section#reviews,
html.premium-home-v23-active section#faq,
html.premium-home-v23-active section#article,
html.premium-home-v23-active section#blog,
html.premium-home-v23-active section.aboutUs {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

/* Üstten alta aynı premium hover dili. */
.premium-home-v23-active .catpi-item,
.premium-home-v23-active [class*="package-card"],
.premium-home-v23-active .butto,
.premium-home-v23-active .premium-header-cta {
    transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease, background .3s ease !important;
}

.premium-home-v23-active .catpi-item:hover,
.premium-home-v23-active [class*="package-card"]:hover,
.premium-home-v23-active .butto:hover,
.premium-home-v23-active .premium-header-cta:hover {
    transform: translateY(-4px) scale(1.012) !important;
}

.premium-home-v23-mh .catpi-item:hover,
.premium-home-v23-mh [class*="package-card"]:hover,
.premium-home-v23-mh .butto:hover,
.premium-home-v23-mh .premium-header-cta:hover {
    border-color: rgba(67, 204, 255, .50) !important;
    box-shadow: 0 18px 48px rgba(24, 137, 255, .20), 0 0 27px rgba(67, 204, 255, .13) !important;
}

.premium-home-v23-sp .catpi-item:hover,
.premium-home-v23-sp [class*="package-card"]:hover,
.premium-home-v23-sp .butto:hover,
.premium-home-v23-sp .premium-header-cta:hover {
    border-color: rgba(199, 92, 255, .50) !important;
    box-shadow: 0 18px 48px rgba(154, 47, 255, .22), 0 0 27px rgba(199, 92, 255, .15) !important;
}

.premium-home-v23-active .catpi-item:hover *,
.premium-home-v23-active .catpi-item:focus-visible *,
.premium-home-v23-active [class*="package-card"]:hover *,
.premium-home-v23-active [class*="package-card"]:focus-within * {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Mevcut footer'ı marka temasına bağlar; bağlantılar ve yasal içerik korunur. */
.premium-home-v23-active .footer--top,
.premium-home-v23-active footer {
    border-color: rgba(var(--accent-rgb), .18);
}

.premium-home-v23-mh .footer--top,
.premium-home-v23-mh footer {
    background: #061127 !important;
}

.premium-home-v23-sp .footer--top,
.premium-home-v23-sp footer {
    background: #0c0213 !important;
}

.premium-home-v23-active .footer--top {
    border: 1px solid rgba(92, 161, 255, .16);
    border-radius: 25px;
    box-shadow: 0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05);
}

.premium-home-v23-sp .footer--top {
    border-color: rgba(190, 82, 255, .20);
}

.premium-home-v23-active footer a:hover {
    color: #58cfff !important;
}

.premium-home-v23-sp footer a:hover {
    color: #d778ff !important;
}

@media (max-width: 991px) {
    .premium-process-grid {
        grid-template-columns: 1fr;
    }

    .premium-step-card {
        min-height: 245px;
    }

    .premium-step-card h3 {
        margin-top: 34px;
    }

    .premium-benefits-layout {
        grid-template-columns: 1fr;
    }

    .premium-visual-shell {
        grid-template-columns: 1fr;
    }

    .premium-benefits-copy {
        position: static;
        max-width: 720px;
    }

    .premium-stories-layout,
    .premium-editorial-layout {
        grid-template-columns: 1fr;
    }

    .premium-editorial-art--stories,
    .premium-editorial-art img {
        min-height: 540px;
    }

    .premium-editorial-feature,
    .premium-editorial-feature > img {
        min-height: 500px;
    }

    .premium-article-list {
        grid-template-rows: none;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .premium-article-card {
        grid-template-columns: 1fr;
    }

    .premium-article-thumb {
        min-height: 150px;
    }

    .premium-article-thumb::after {
        background: linear-gradient(180deg, transparent 38%, var(--surface));
    }

    .premium-confidence-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-confidence-bar > div:nth-child(2) {
        border-right: 0;
    }

    .premium-confidence-bar > div:nth-child(-n+2) {
        border-bottom: 1px solid var(--line);
    }

    .premium-final-cta-card {
        grid-template-columns: 1fr;
    }

    .premium-final-actions {
        width: min(100%, 430px);
    }
}

@media (max-width: 760px) {
    .premium-home-v23 section {
        padding: 68px 0;
    }

    .premium-home-v23 .container {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .premium-section-heading {
        margin-bottom: 30px;
        text-align: left;
    }

    footer .footer-bottom .copyright.premium-signature-host {
        justify-content: center;
        width: 100%;
        min-height: 40px;
        font-size: 13px;
        text-align: center;
    }

    .premium-eyebrow {
        min-height: 31px;
        padding: 7px 12px;
        font-size: 9px;
    }

    .premium-section-heading h2,
    .premium-benefits-copy h2,
    .premium-final-copy h2 {
        margin-top: 15px;
        font-size: clamp(28px, 8.8vw, 36px);
        line-height: 1.03;
    }

    .premium-section-heading p,
    .premium-benefits-copy > p,
    .premium-final-copy > p {
        font-size: 14px;
        line-height: 1.63;
    }

    .premium-process-grid,
    .premium-benefit-grid,
    .premium-faq-grid,
    .premium-review-grid,
    .premium-article-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .premium-visual-art,
    .premium-visual-art img {
        min-height: 300px;
    }

    .premium-visual-art {
        border-radius: 23px;
    }

    .premium-editorial-art--stories,
    .premium-editorial-art img {
        min-height: 390px;
    }

    .premium-editorial-art--stories,
    .premium-editorial-feature {
        border-radius: 23px;
    }

    .premium-editorial-art figcaption {
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 15px 16px;
        border-radius: 17px;
    }

    .premium-review-card {
        min-height: 0;
        padding: 21px;
        border-radius: 20px;
    }

    .premium-editorial-feature,
    .premium-editorial-feature > img {
        min-height: 410px;
    }

    .premium-feature-label {
        top: 16px;
        left: 16px;
    }

    .premium-feature-copy {
        right: 20px;
        bottom: 22px;
        left: 20px;
    }

    .premium-feature-copy > strong {
        font-size: clamp(27px, 8.6vw, 38px);
    }

    .premium-article-card {
        grid-template-columns: 112px minmax(0, 1fr);
        min-height: 142px;
        border-radius: 19px;
    }

    .premium-article-thumb {
        min-height: 142px;
    }

    .premium-article-thumb::after {
        background: linear-gradient(90deg, transparent 42%, var(--surface));
    }

    .premium-article-copy {
        padding: 16px 16px 16px 12px;
    }

    .premium-step-card,
    .premium-benefit-card,
    .premium-benefit-card:nth-child(2),
    .premium-benefit-card:nth-child(4) {
        min-height: 0;
        padding: 22px;
        border-radius: 21px;
        transform: none;
    }

    .premium-step-card h3,
    .premium-benefit-card h3 {
        margin-top: 26px;
        font-size: 17px;
    }

    .premium-benefit-card .premium-icon-box {
        width: 48px;
        height: 48px;
    }

    .premium-confidence-bar {
        grid-template-columns: 1fr;
        border-radius: 21px;
    }

    .premium-confidence-bar > div,
    .premium-confidence-bar > div:nth-child(2) {
        min-height: 94px;
        padding: 20px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .premium-confidence-bar > div:last-child {
        border-bottom: 0;
    }

    .premium-faq-item {
        border-radius: 17px;
    }

    .premium-faq-item summary {
        min-height: 68px;
        padding: 16px 17px;
        font-size: 13px;
    }

    .premium-faq-item p {
        padding: 0 17px 18px;
        font-size: 13px;
    }

    .premium-final-cta-card {
        min-height: 0;
        gap: 28px;
        padding: 28px 22px;
        border-radius: 25px;
    }

    .premium-final-orbit {
        width: 210px;
        height: 210px;
        right: -85px;
        top: 20%;
        opacity: .60;
    }

    .premium-final-actions {
        width: 100%;
        min-width: 0;
    }

    .premium-final-button {
        width: 100%;
        min-height: 52px;
    }

    .premium-home-v23-active .footer--top {
        margin: 0 8px;
        border-radius: 21px;
    }
}

@media (hover: none), (pointer: coarse) {
    .premium-step-card,
    .premium-benefit-card,
    .premium-editorial-art,
    .premium-review-card,
    .premium-editorial-feature,
    .premium-article-card,
    .premium-step-card:hover,
    .premium-benefit-card:hover,
    .premium-editorial-art:hover,
    .premium-review-card:hover,
    .premium-editorial-feature:hover,
    .premium-article-card:hover,
    .premium-home-v23-active .catpi-item:hover,
    .premium-home-v23-active [class*="package-card"]:hover {
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-home-v23 *,
    .premium-home-v23 *::before,
    .premium-home-v23 *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* SP_HOME_V4_BEGIN */
/* SosyalPark Medya Premium Home V4 */
html.premium-home-v4-active {
    scroll-behavior: smooth;
    scroll-padding-top: 132px;
}

body.premium-home-v4-active {
    --sp4-bg: #07162b;
    --sp4-surface: rgba(19, 45, 82, .78);
    --sp4-surface-light: rgba(31, 66, 111, .82);
    --sp4-line: rgba(83, 187, 255, .42);
    --sp4-cyan: #58d8ff;
    --sp4-blue: #267dff;
    --sp4-violet: #7867ff;
    --sp4-ice: #eefaff;
    --sp4-muted: #9eb8d2;
    background:
        radial-gradient(circle at 8% 12%, rgba(42, 135, 255, .23), transparent 31rem),
        radial-gradient(circle at 94% 31%, rgba(88, 216, 255, .15), transparent 35rem),
        linear-gradient(180deg, #07162b 0%, #0b203b 38%, #0a1b33 68%, #071326 100%) !important;
    color: var(--sp4-ice);
}

body.premium-home-v4-active::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(92, 192, 255, .022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(92, 192, 255, .022) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 17%, #000 75%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 17%, #000 75%, transparent);
}

/* Header — larger brand, lighter premium glass */
body.premium-home-v4-active .premium-site-header {
    padding-top: 14px;
    background: linear-gradient(180deg, rgba(5, 19, 40, .93), rgba(8, 28, 53, .78)) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    backdrop-filter: blur(22px) saturate(145%);
}

body.premium-home-v4-active .premium-header-shell {
    min-height: 126px;
    border: 1px solid rgba(82, 189, 255, .42) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(135deg, rgba(24, 68, 117, .64), rgba(5, 21, 45, .78) 58%),
        radial-gradient(circle at 12% 10%, rgba(67, 170, 255, .22), transparent 34%) !important;
    box-shadow:
        0 24px 70px rgba(0, 8, 24, .36),
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 0 34px rgba(40, 146, 255, .1) !important;
}

body.premium-home-v4-active .premium-brand {
    width: min(580px, 45vw) !important;
    max-width: none !important;
    min-height: 94px;
    padding: 14px 24px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.premium-home-v4-active .premium-brand-logo {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    filter:
        drop-shadow(0 0 16px rgba(50, 161, 255, .32))
        drop-shadow(0 8px 20px rgba(0, 0, 0, .2));
}

body.premium-home-v4-active .premium-navbar a {
    border-radius: 13px;
    padding: 11px 13px;
    color: #d8efff !important;
    transition: color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;
}

body.premium-home-v4-active .premium-navbar a:hover,
body.premium-home-v4-active .premium-navbar a:focus-visible {
    color: #fff !important;
    background: rgba(67, 170, 255, .12);
    box-shadow: inset 0 0 0 1px rgba(83, 197, 255, .25), 0 0 24px rgba(45, 155, 255, .13);
    transform: translateY(-2px);
}

/* Hero — living premium city */
body.premium-home-v4-active .sp-premium-hero {
    min-height: clamp(720px, 72vw, 900px) !important;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 76% 38%, rgba(52, 162, 255, .2), transparent 35%),
        linear-gradient(180deg, #07162c 0%, #0a2444 100%) !important;
}

body.premium-home-v4-active .sp-hero__art {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    opacity: 1 !important;
    background-image:
        linear-gradient(90deg, rgba(5, 17, 37, .96) 0%, rgba(5, 19, 40, .82) 27%, rgba(6, 22, 43, .22) 57%, rgba(5, 16, 33, .1) 100%),
        linear-gradient(180deg, rgba(3, 14, 31, .1) 0%, rgba(3, 15, 31, 0) 58%, rgba(4, 17, 35, .72) 100%),
        url("sp-earth-premium-v4.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center right !important;
    transform: translateZ(0) scale(1.01);
    animation: sp4-city-breathe 18s ease-in-out infinite alternate;
}

/* Keep the approved city above every legacy MH background rule. */
html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__art {
    background-image:
        linear-gradient(90deg, rgba(5, 17, 37, .96) 0%, rgba(5, 19, 40, .82) 27%, rgba(6, 22, 43, .22) 57%, rgba(5, 16, 33, .1) 100%),
        linear-gradient(180deg, rgba(3, 14, 31, .1) 0%, rgba(3, 15, 31, 0) 58%, rgba(4, 17, 35, .72) 100%),
        url("sp-earth-premium-v4.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center right !important;
}

body.premium-home-v4-active .sp-hero__inner {
    min-height: clamp(720px, 72vw, 900px) !important;
    padding-top: clamp(175px, 17vw, 230px) !important;
    padding-bottom: 170px !important;
    align-items: flex-start !important;
}

body.premium-home-v4-active .sp-hero__copy {
    width: min(790px, 58vw) !important;
    max-width: none !important;
}

body.premium-home-v4-active .sp-hero__kicker {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 0 20px !important;
    border: 1px solid rgba(84, 208, 255, .5) !important;
    border-radius: 999px !important;
    color: #8be9ff !important;
    background: linear-gradient(135deg, rgba(31, 94, 160, .48), rgba(11, 39, 75, .5)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 30px rgba(51, 174, 255, .12);
    letter-spacing: .105em;
}

body.premium-home-v4-active .sp-hero__copy h1 {
    margin-top: 30px !important;
    font-size: clamp(56px, 5.6vw, 92px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    max-width: 860px;
    text-wrap: balance;
    text-shadow: 0 8px 40px rgba(0, 0, 0, .34);
}

body.premium-home-v4-active .sp-hero__copy h1 span,
body.premium-home-v4-active .sp-hero__copy h1 strong {
    background: linear-gradient(90deg, #65e4ff 0%, #2893ff 44%, #7d76ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    filter: drop-shadow(0 8px 26px rgba(44, 138, 255, .19));
}

body.premium-home-v4-active .sp-hero__copy > p {
    max-width: 720px !important;
    margin-top: 28px !important;
    color: #c3d8e9 !important;
    font-size: clamp(18px, 1.45vw, 24px) !important;
    line-height: 1.65 !important;
}

body.premium-home-v4-active .sp-hero__actions {
    margin-top: 34px !important;
}

body.premium-home-v4-active .sp-hero__button--primary {
    min-width: 250px;
    min-height: 64px;
    border: 1px solid rgba(149, 226, 255, .62) !important;
    border-radius: 18px !important;
    color: #fff !important;
    background: linear-gradient(105deg, #1879ff 0%, #38b9ff 66%, #62dbff 100%) !important;
    box-shadow:
        0 20px 42px rgba(21, 106, 235, .3),
        0 0 30px rgba(66, 197, 255, .18),
        inset 0 1px 0 rgba(255, 255, 255, .32) !important;
}

body.premium-home-v4-active .sp-hero__button--primary:hover,
body.premium-home-v4-active .sp-hero__button--primary:focus-visible {
    transform: translateY(-4px) scale(1.015);
    box-shadow:
        0 26px 52px rgba(21, 106, 235, .4),
        0 0 42px rgba(66, 197, 255, .27),
        inset 0 1px 0 rgba(255, 255, 255, .38) !important;
}

/* Hero feature rail — independent premium cards, no large box */
body.premium-home-v4-active .sp-v4-feature-rail {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: min(780px, 57vw);
    max-width: none !important;
    margin-top: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.premium-home-v4-active .sp-v4-feature {
    display: flex;
    align-items: center;
    min-height: 78px;
    padding: 14px 16px;
    border: 1px solid rgba(78, 188, 255, .34);
    border-radius: 19px;
    background:
        linear-gradient(135deg, rgba(40, 91, 145, .67), rgba(13, 42, 77, .71)),
        radial-gradient(circle at 0 0, rgba(83, 206, 255, .21), transparent 44%);
    -webkit-backdrop-filter: blur(16px) saturate(135%);
    backdrop-filter: blur(16px) saturate(135%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 34px rgba(0, 10, 27, .2);
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}

body.premium-home-v4-active .sp-v4-feature:hover {
    transform: translateY(-5px);
    border-color: rgba(108, 220, 255, .7);
    background:
        linear-gradient(135deg, rgba(43, 112, 181, .78), rgba(19, 56, 101, .8)),
        radial-gradient(circle at 0 0, rgba(83, 206, 255, .28), transparent 46%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 17px 40px rgba(0, 58, 130, .22), 0 0 24px rgba(54, 183, 255, .11);
}

body.premium-home-v4-active .sp-v4-feature svg {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    margin-right: 12px;
    fill: none;
    stroke: #73ddff;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 8px rgba(76, 204, 255, .46));
}

body.premium-home-v4-active .sp-v4-feature span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

body.premium-home-v4-active .sp-v4-feature strong {
    color: #f4fbff;
    font-size: 14px;
    line-height: 1.2;
}

body.premium-home-v4-active .sp-v4-feature small {
    color: #9fc1db;
    font-size: 11px;
    line-height: 1.25;
}

/* Original social icons become animated holographic city beacons */
body.premium-home-v4-active .sp-v4-social-sky,
body.premium-home-v4-active .sp-v4-city-fx {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

body.premium-home-v4-active .sp-v4-social-sky {
    z-index: 6;
}

body.premium-home-v4-active .sp-v4-social {
    --brand: #60dfff;
    position: absolute;
    display: grid;
    width: clamp(58px, 4.7vw, 82px);
    aspect-ratio: 1;
    place-items: center;
    pointer-events: auto;
    border: 1px solid color-mix(in srgb, var(--brand) 70%, transparent);
    border-radius: 24px;
    color: #fff !important;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--brand) 24%, rgba(8, 23, 49, .86)), rgba(8, 22, 46, .76));
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    backdrop-filter: blur(14px) saturate(150%);
    box-shadow:
        0 0 22px color-mix(in srgb, var(--brand) 28%, transparent),
        0 18px 44px rgba(0, 6, 22, .32),
        inset 0 1px 0 rgba(255, 255, 255, .16);
    transform: translate3d(0, 0, 0);
    animation: sp4-social-float 5.8s ease-in-out infinite;
}

body.premium-home-v4-active .sp-v4-social::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 2px;
    height: clamp(90px, 12vw, 190px);
    transform: translateX(-50%);
    background: linear-gradient(to bottom, color-mix(in srgb, var(--brand) 70%, transparent), transparent);
    filter: drop-shadow(0 0 9px var(--brand));
    opacity: .7;
}

body.premium-home-v4-active .sp-v4-social::after {
    content: "";
    position: absolute;
    inset: -12px;
    border: 1px solid color-mix(in srgb, var(--brand) 44%, transparent);
    border-radius: 30px;
    opacity: 0;
    animation: sp4-social-pulse 3.2s ease-out infinite;
}

body.premium-home-v4-active .sp-v4-social i {
    position: relative;
    z-index: 2;
    font-size: clamp(29px, 2.5vw, 44px);
    filter: drop-shadow(0 0 11px var(--brand));
}

body.premium-home-v4-active .sp-v4-social span {
    position: absolute;
    inset: 7px;
    border-radius: 18px;
    background: linear-gradient(120deg, rgba(255, 255, 255, .16), transparent 32%, transparent 62%, rgba(255, 255, 255, .08));
}

body.premium-home-v4-active .sp-v4-social:hover,
body.premium-home-v4-active .sp-v4-social:focus-visible {
    transform: translateY(-8px) scale(1.08);
    box-shadow:
        0 0 38px color-mix(in srgb, var(--brand) 44%, transparent),
        0 24px 48px rgba(0, 6, 22, .38),
        inset 0 1px 0 rgba(255, 255, 255, .2);
}

body.premium-home-v4-active .sp-v4-social--instagram {
    --brand: #ff4fc4;
    left: 67%;
    top: 24%;
}

body.premium-home-v4-active .sp-v4-social--tiktok {
    --brand: #69f5ff;
    left: 80%;
    top: 15%;
    animation-delay: -1.7s;
}

body.premium-home-v4-active .sp-v4-social--youtube {
    --brand: #ff4c61;
    left: 59%;
    top: 39%;
    animation-delay: -3.1s;
}

body.premium-home-v4-active .sp-v4-social--facebook {
    --brand: #54a1ff;
    left: 89%;
    top: 33%;
    animation-delay: -4.2s;
}

/* City movement, light refraction and traffic energy */
body.premium-home-v4-active .sp-v4-city-fx {
    z-index: 4;
    overflow: hidden;
    mix-blend-mode: screen;
}

body.premium-home-v4-active .sp-v4-flare,
body.premium-home-v4-active .sp-v4-light-beam,
body.premium-home-v4-active .sp-v4-traffic,
body.premium-home-v4-active .sp-v4-scanline {
    position: absolute;
    display: block;
}

body.premium-home-v4-active .sp-v4-flare {
    width: clamp(70px, 8vw, 140px);
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(255, 255, 255, .9) 0 1%, rgba(80, 215, 255, .62) 2%, rgba(45, 139, 255, .16) 18%, transparent 68%);
    filter: blur(.2px);
    animation: sp4-flare-twinkle 4.5s ease-in-out infinite;
}

body.premium-home-v4-active .sp-v4-flare::before,
body.premium-home-v4-active .sp-v4-flare::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: linear-gradient(90deg, transparent, rgba(137, 235, 255, .86), transparent);
    transform: translate(-50%, -50%);
}

body.premium-home-v4-active .sp-v4-flare::before {
    width: 100%;
    height: 1px;
}

body.premium-home-v4-active .sp-v4-flare::after {
    width: 1px;
    height: 100%;
}

body.premium-home-v4-active .sp-v4-flare--one {
    left: 72%;
    top: 21%;
}

body.premium-home-v4-active .sp-v4-flare--two {
    left: 86%;
    top: 42%;
    width: clamp(50px, 6vw, 100px);
    animation-delay: -2.3s;
}

body.premium-home-v4-active .sp-v4-flare--three {
    left: 62%;
    top: 49%;
    width: clamp(45px, 5vw, 85px);
    animation-delay: -3.4s;
}

body.premium-home-v4-active .sp-v4-light-beam {
    top: -20%;
    width: 7%;
    height: 120%;
    opacity: .24;
    background: linear-gradient(90deg, transparent, rgba(81, 207, 255, .42), transparent);
    filter: blur(12px);
    transform: rotate(12deg);
    animation: sp4-beam-sweep 10s ease-in-out infinite;
}

body.premium-home-v4-active .sp-v4-light-beam--one {
    left: 58%;
}

body.premium-home-v4-active .sp-v4-light-beam--two {
    left: 82%;
    animation-delay: -5.1s;
}

body.premium-home-v4-active .sp-v4-traffic {
    right: -18%;
    bottom: 5%;
    width: 38%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(99, 222, 255, .1), rgba(255, 255, 255, .92), rgba(56, 161, 255, .15), transparent);
    box-shadow: 0 0 12px rgba(76, 208, 255, .7);
    transform: rotate(-9deg);
    animation: sp4-traffic-run 4.8s linear infinite;
}

body.premium-home-v4-active .sp-v4-traffic--two {
    bottom: 9%;
    animation-delay: -1.7s;
    animation-duration: 5.6s;
}

body.premium-home-v4-active .sp-v4-traffic--three {
    bottom: 13%;
    animation-delay: -3.2s;
    animation-duration: 6.4s;
}

body.premium-home-v4-active .sp-v4-scanline {
    left: 45%;
    top: 0;
    width: 55%;
    height: 1px;
    opacity: .36;
    background: linear-gradient(90deg, transparent, rgba(124, 229, 255, .68), transparent);
    box-shadow: 0 0 18px rgba(72, 185, 255, .45);
    animation: sp4-scan-city 8.5s ease-in-out infinite;
}

/* Platform services — remove the large enclosing box */
body.premium-home-v4-active .sp-premium-category-wrap {
    position: relative;
    z-index: 8;
    margin-top: -105px !important;
    padding: 24px 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.premium-home-v4-active .catpi--list {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.premium-home-v4-active .catpi-item {
    min-width: 0 !important;
    min-height: 98px !important;
    padding: 16px !important;
    border: 1px solid rgba(76, 184, 255, .34) !important;
    border-radius: 22px !important;
    color: #eaf7ff !important;
    background:
        linear-gradient(135deg, rgba(32, 77, 125, .88), rgba(12, 37, 70, .9)),
        radial-gradient(circle at 0 0, rgba(78, 202, 255, .21), transparent 50%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(135%);
    backdrop-filter: blur(16px) saturate(135%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .09),
        0 15px 42px rgba(0, 12, 31, .22) !important;
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease !important;
}

body.premium-home-v4-active .catpi-item:hover,
body.premium-home-v4-active .catpi-item:focus-visible {
    transform: translateY(-7px) !important;
    border-color: rgba(101, 218, 255, .74) !important;
    background:
        linear-gradient(135deg, rgba(36, 101, 169, .94), rgba(15, 52, 96, .94)),
        radial-gradient(circle at 0 0, rgba(86, 218, 255, .27), transparent 52%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 22px 48px rgba(0, 40, 97, .28),
        0 0 28px rgba(66, 185, 255, .13) !important;
}

body.premium-home-v4-active .catpi-item .icon {
    border: 1px solid rgba(122, 220, 255, .26) !important;
    background: rgba(68, 151, 224, .14) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 0 18px rgba(74, 190, 255, .1);
}

/* Live transaction network replaces ordinary profile strip */
body.premium-home-v4-active .sp-activity-v2 {
    padding: 32px 0 !important;
    background: transparent !important;
}

body.premium-home-v4-active .sp-activity-v2__inner {
    display: grid !important;
    grid-template-columns: 154px minmax(0, 1fr) auto;
    gap: 26px;
    align-items: center;
    min-height: 150px;
    padding: 24px 30px !important;
    border: 1px solid rgba(84, 196, 255, .4) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 7% 50%, rgba(61, 183, 255, .19), transparent 27%),
        linear-gradient(105deg, rgba(25, 66, 111, .9), rgba(12, 40, 75, .85) 58%, rgba(26, 76, 121, .82)) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    backdrop-filter: blur(20px) saturate(140%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 24px 60px rgba(0, 10, 29, .25) !important;
}

body.premium-home-v4-active .sp-v4-live-visual {
    position: relative;
    width: 132px;
    aspect-ratio: 1;
}

body.premium-home-v4-active .sp-v4-orbit,
body.premium-home-v4-active .sp-v4-live-core,
body.premium-home-v4-active .sp-v4-node {
    position: absolute;
    border-radius: 50%;
}

body.premium-home-v4-active .sp-v4-orbit {
    inset: 11%;
    border: 1px solid rgba(93, 214, 255, .35);
    animation: sp4-orbit-spin 8s linear infinite;
}

body.premium-home-v4-active .sp-v4-orbit--two {
    inset: 27%;
    border-style: dashed;
    animation-direction: reverse;
    animation-duration: 5.8s;
}

body.premium-home-v4-active .sp-v4-live-core {
    inset: 38%;
    background: radial-gradient(circle at 34% 27%, #dcfbff, #49caff 34%, #276dff 68%, #4339b8);
    box-shadow: 0 0 18px rgba(75, 204, 255, .8), 0 0 46px rgba(48, 126, 255, .48);
    animation: sp4-core-pulse 2.8s ease-in-out infinite;
}

body.premium-home-v4-active .sp-v4-node {
    width: 11px;
    height: 11px;
    background: #9decff;
    box-shadow: 0 0 13px #5fd9ff;
}

body.premium-home-v4-active .sp-v4-node--one { left: 5%; top: 47%; }
body.premium-home-v4-active .sp-v4-node--two { right: 10%; top: 18%; animation: sp4-core-pulse 2.5s -1s infinite; }
body.premium-home-v4-active .sp-v4-node--three { right: 4%; bottom: 22%; animation: sp4-core-pulse 3.2s -1.8s infinite; }
body.premium-home-v4-active .sp-v4-node--four { left: 27%; bottom: 2%; animation: sp4-core-pulse 2.6s -2.1s infinite; }

body.premium-home-v4-active .sp-v4-live-copy {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

body.premium-home-v4-active .sp-v4-eyebrow {
    color: #83e4ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .13em;
}

body.premium-home-v4-active .sp-v4-eyebrow i {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 7px;
    border-radius: 50%;
    background: #5dffb5;
    box-shadow: 0 0 13px rgba(93, 255, 181, .9);
    animation: sp4-core-pulse 2s infinite;
}

body.premium-home-v4-active .sp-v4-live-copy strong {
    color: #f5fbff;
    font-size: clamp(22px, 2vw, 32px);
    letter-spacing: -.035em;
}

body.premium-home-v4-active .sp-v4-live-copy small {
    color: #a9c4db;
    font-size: 14px;
}

body.premium-home-v4-active .sp-v4-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(112px, 1fr));
    gap: 10px;
}

body.premium-home-v4-active .sp-v4-metric {
    display: flex;
    min-width: 0;
    min-height: 76px;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 12px 14px;
    border: 1px solid rgba(92, 202, 255, .3);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(35, 91, 148, .57), rgba(12, 43, 80, .7)),
        radial-gradient(circle at 15% 0, rgba(92, 217, 255, .2), transparent 48%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 26px rgba(0, 16, 45, .16);
}

body.premium-home-v4-active .sp-v4-metric strong {
    color: #f7fcff;
    font-size: clamp(20px, 1.75vw, 29px);
    font-variant-numeric: tabular-nums;
    line-height: 1;
    letter-spacing: -.035em;
    text-shadow: 0 0 20px rgba(85, 205, 255, .22);
}

body.premium-home-v4-active .sp-v4-metric strong.is-updating {
    animation: sp4-number-tick .52s ease both;
}

body.premium-home-v4-active .sp-v4-metric small {
    color: #8fdcff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.premium-home-v4-active .sp-v4-live-status {
    display: flex;
    min-width: 150px;
    flex-direction: column;
    gap: 5px;
    padding: 15px 20px;
    border: 1px solid rgba(82, 255, 185, .34);
    border-radius: 17px;
    text-align: center;
    background: rgba(32, 124, 94, .14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 0 24px rgba(67, 247, 179, .08);
}

body.premium-home-v4-active .sp-v4-live-status span {
    color: #7affc3;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15em;
}

body.premium-home-v4-active .sp-v4-live-status small {
    color: #b9d8cc;
}

/* Lift every premium section and card out of full darkness */
body.premium-home-v4-active :is(
    .sp-packages-v2,
    .premium-process-v23,
    .premium-visual-v23,
    .premium-benefits-v23,
    .premium-confidence-v23,
    .premium-stories-v23,
    .premium-editorial-v23,
    .premium-faq-v23
) {
    position: relative;
    background:
        radial-gradient(circle at 88% 8%, rgba(47, 151, 255, .13), transparent 30rem),
        linear-gradient(180deg, rgba(11, 35, 66, .97), rgba(10, 30, 57, .98)) !important;
}

body.premium-home-v4-active :is(
    .sp-packages-v2__card,
    .premium-step-card,
    .premium-benefit-card,
    .premium-confidence-card,
    .premium-stories-v23 .premium-review-card,
    .premium-editorial-card,
    .premium-faq-item
) {
    border-color: rgba(73, 173, 244, .38) !important;
    background:
        linear-gradient(145deg, rgba(27, 62, 105, .88), rgba(14, 40, 75, .93)),
        radial-gradient(circle at 0 0, rgba(70, 190, 255, .16), transparent 48%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 20px 52px rgba(0, 10, 30, .18) !important;
}

body.premium-home-v4-active :is(
    .sp-packages-v2__card,
    .premium-step-card,
    .premium-benefit-card,
    .premium-confidence-card,
    .premium-stories-v23 .premium-review-card,
    .premium-editorial-card
):hover {
    transform: translateY(-6px);
    border-color: rgba(92, 207, 255, .67) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .1),
        0 26px 60px rgba(0, 36, 84, .25),
        0 0 28px rgba(60, 180, 255, .09) !important;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-person img {
    width: 74px !important;
    height: 74px !important;
    border: 2px solid rgba(100, 219, 255, .75) !important;
    border-radius: 22px !important;
    object-fit: cover !important;
    box-shadow: 0 10px 26px rgba(0, 12, 35, .28), 0 0 22px rgba(64, 186, 255, .17) !important;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-stars {
    display: flex;
    gap: 6px;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-stars span {
    color: #ffd76b !important;
    text-shadow: 0 0 14px rgba(255, 199, 68, .4);
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-card {
    --review-accent: #59cfff;
    position: relative;
    min-height: 340px;
    overflow: hidden;
    padding: 30px !important;
    border: 1px solid rgba(96, 203, 255, .38) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 10% 0, rgba(79, 188, 255, .2), transparent 38%),
        linear-gradient(145deg, rgba(28, 67, 112, .9), rgba(10, 34, 66, .95)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .09),
        0 24px 58px rgba(0, 12, 37, .23),
        0 0 38px rgba(56, 165, 255, .06) !important;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-card:nth-child(even) {
    --review-accent: #8c7dff;
    border-color: rgba(126, 129, 255, .34) !important;
    background:
        radial-gradient(circle at 88% 0, rgba(112, 102, 255, .16), transparent 38%),
        linear-gradient(145deg, rgba(29, 58, 105, .92), rgba(13, 34, 69, .96)) !important;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-card::after {
    content: "";
    position: absolute;
    right: -36px;
    bottom: -52px;
    width: 170px;
    height: 170px;
    border: 1px solid color-mix(in srgb, var(--review-accent) 34%, transparent);
    border-radius: 50%;
    box-shadow: 0 0 56px color-mix(in srgb, var(--review-accent) 14%, transparent);
    opacity: .7;
    pointer-events: none;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-person {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 15px;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-person strong {
    color: #f8fcff;
    font-size: 17px;
    letter-spacing: -.015em;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-person span {
    color: #9fbad2;
    font-size: 12px;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-card > p {
    position: relative;
    z-index: 2;
    color: #b9cee0 !important;
    line-height: 1.75 !important;
}

body.premium-home-v4-active .premium-stories-v23 .premium-quote-mark {
    color: color-mix(in srgb, var(--review-accent) 42%, transparent) !important;
    text-shadow: 0 0 28px color-mix(in srgb, var(--review-accent) 18%, transparent);
}

/* Remove old final CTA and replace it with a living signature visual */
body.premium-home-v4-active .premium-final-cta-v23 {
    display: none !important;
}

body.premium-home-v4-active .sp-v4-signature-scene {
    position: relative;
    min-height: 480px;
    overflow: hidden;
    border-top: 1px solid rgba(88, 203, 255, .26);
    border-bottom: 1px solid rgba(88, 203, 255, .2);
    background:
        linear-gradient(90deg, rgba(6, 21, 43, .97), rgba(8, 37, 70, .76) 52%, rgba(13, 59, 104, .55)),
        url("sp-earth-premium-v4.webp") center 48% / cover no-repeat;
    isolation: isolate;
}

body.premium-home-v4-active .sp-v4-signature-scene::before,
body.premium-home-v4-active .sp-v4-signature-scene::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

body.premium-home-v4-active .sp-v4-signature-scene::before {
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(6, 22, 44, .08), rgba(5, 19, 40, .64));
}

body.premium-home-v4-active .sp-v4-signature-scene::after {
    left: -10%;
    bottom: -110px;
    width: 85%;
    height: 240px;
    border-radius: 50%;
    background: rgba(42, 154, 255, .17);
    filter: blur(72px);
    animation: sp4-signature-glow 7s ease-in-out infinite alternate;
}

body.premium-home-v4-active .sp-v4-signature-content {
    position: relative;
    z-index: 3;
    display: flex;
    width: min(1120px, calc(100% - 40px));
    min-height: 480px;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

body.premium-home-v4-active .sp-v4-signature-kicker {
    color: #7ce3ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em;
}

body.premium-home-v4-active .sp-v4-signature-content img {
    width: min(720px, 68vw);
    height: auto;
    margin-top: 24px;
    filter: drop-shadow(0 0 22px rgba(58, 180, 255, .3)) drop-shadow(0 14px 32px rgba(0, 0, 0, .28));
}

body.premium-home-v4-active .sp-v4-signature-content p {
    margin: 24px 0 0;
    color: #c0d7e9;
    font-size: clamp(17px, 1.45vw, 22px);
}

body.premium-home-v4-active .sp-v4-signature-points {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 26px;
}

body.premium-home-v4-active .sp-v4-signature-points span {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(85, 203, 255, .34);
    border-radius: 999px;
    color: #d8f1ff;
    background: rgba(29, 79, 129, .39);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

body.premium-home-v4-active .sp-v4-signature-points i {
    width: 7px;
    height: 7px;
    margin-right: 8px;
    border-radius: 50%;
    background: #63e8ff;
    box-shadow: 0 0 12px rgba(82, 221, 255, .86);
}

body.premium-home-v4-active .sp-v4-signal {
    position: absolute;
    right: 7%;
    bottom: 18%;
    z-index: 2;
    display: flex;
    height: 180px;
    align-items: flex-end;
    gap: 9px;
    opacity: .64;
}

body.premium-home-v4-active .sp-v4-signal b {
    display: block;
    width: 10px;
    border-radius: 999px;
    background: linear-gradient(to top, rgba(41, 125, 255, .1), #5ee4ff);
    box-shadow: 0 0 16px rgba(71, 207, 255, .58);
    animation: sp4-signal-wave 2.2s ease-in-out infinite;
}

body.premium-home-v4-active .sp-v4-signal b:nth-child(1) { height: 25%; }
body.premium-home-v4-active .sp-v4-signal b:nth-child(2) { height: 48%; animation-delay: -.25s; }
body.premium-home-v4-active .sp-v4-signal b:nth-child(3) { height: 70%; animation-delay: -.5s; }
body.premium-home-v4-active .sp-v4-signal b:nth-child(4) { height: 92%; animation-delay: -.75s; }
body.premium-home-v4-active .sp-v4-signal b:nth-child(5) { height: 68%; animation-delay: -1s; }
body.premium-home-v4-active .sp-v4-signal b:nth-child(6) { height: 82%; animation-delay: -1.25s; }
body.premium-home-v4-active .sp-v4-signal b:nth-child(7) { height: 53%; animation-delay: -1.5s; }
body.premium-home-v4-active .sp-v4-signal b:nth-child(8) { height: 31%; animation-delay: -1.75s; }

/* Footer brand signature and original payment artwork proportions */
body.premium-home-v4-active footer img[alt="Ödeme Yöntemleri"] {
    width: auto !important;
    max-width: min(100%, 440px) !important;
    height: auto !important;
    object-fit: contain !important;
    image-rendering: auto;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .18));
}

body.premium-home-v4-active .sp-v4-footer-signature {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    color: #a8c3d8;
    letter-spacing: .08em;
}

body.premium-home-v4-active .sp-v4-footer-signature span {
    font-size: 10px;
    font-weight: 800;
}

body.premium-home-v4-active .sp-v4-footer-signature strong {
    color: #72dbff;
    font-size: 13px;
    text-shadow: 0 0 14px rgba(66, 197, 255, .35);
}

body.premium-home-v4-active .sp-v4-footer-signature i {
    width: 1px;
    height: 18px;
    background: rgba(113, 205, 255, .3);
}

body.premium-home-v4-active .sp-v4-footer-signature small {
    color: #819db4;
    font-size: 10px;
}

/* Shared neon interactions */
body.premium-home-v4-active :is(
    .sp-packages-v2 a,
    .premium-inline-link,
    .premium-action-v21,
    .premium-faq-v23 button
) {
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease !important;
}

body.premium-home-v4-active :is(
    .sp-packages-v2 a,
    .premium-inline-link,
    .premium-action-v21,
    .premium-faq-v23 button
):focus-visible {
    outline: 2px solid #7de7ff !important;
    outline-offset: 4px;
}

@keyframes sp4-city-breathe {
    0% { transform: translate3d(0, 0, 0) scale(1.01); filter: saturate(1.02) brightness(1); }
    100% { transform: translate3d(-.35%, -.2%, 0) scale(1.035); filter: saturate(1.1) brightness(1.04); }
}

@keyframes sp4-social-float {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-1deg); }
    50% { transform: translate3d(0, -12px, 0) rotate(1deg); }
}

@keyframes sp4-social-pulse {
    0% { transform: scale(.82); opacity: 0; }
    25% { opacity: .45; }
    100% { transform: scale(1.36); opacity: 0; }
}

@keyframes sp4-flare-twinkle {
    0%, 100% { opacity: .25; transform: scale(.7) rotate(0); }
    50% { opacity: .95; transform: scale(1.12) rotate(45deg); }
}

@keyframes sp4-beam-sweep {
    0%, 100% { transform: translateX(-35%) rotate(12deg); opacity: .08; }
    48% { opacity: .3; }
    60% { transform: translateX(80%) rotate(12deg); opacity: .12; }
}

@keyframes sp4-traffic-run {
    from { transform: translateX(0) rotate(-9deg); opacity: 0; }
    12% { opacity: .85; }
    82% { opacity: .75; }
    to { transform: translateX(-290%) rotate(-9deg); opacity: 0; }
}

@keyframes sp4-scan-city {
    0%, 100% { transform: translateY(18vh); opacity: 0; }
    18% { opacity: .34; }
    78% { opacity: .22; }
    90% { transform: translateY(72vh); opacity: 0; }
}

@keyframes sp4-orbit-spin {
    to { transform: rotate(360deg); }
}

@keyframes sp4-core-pulse {
    0%, 100% { transform: scale(.86); opacity: .68; }
    50% { transform: scale(1.14); opacity: 1; }
}

@keyframes sp4-number-tick {
    0% { transform: translateY(5px); opacity: .55; filter: blur(1px); }
    100% { transform: translateY(0); opacity: 1; filter: blur(0); }
}

@keyframes sp4-signature-glow {
    to { transform: translateX(28%) scale(1.08); opacity: .8; }
}

@keyframes sp4-signal-wave {
    0%, 100% { transform: scaleY(.55); opacity: .48; }
    50% { transform: scaleY(1); opacity: 1; }
}

@media (max-width: 1180px) {
    body.premium-home-v4-active .premium-brand {
        width: min(470px, 46vw) !important;
    }

    body.premium-home-v4-active .sp-hero__copy {
        width: min(690px, 64vw) !important;
    }

    body.premium-home-v4-active .sp-v4-feature-rail {
        width: min(690px, 64vw);
    }

    body.premium-home-v4-active .catpi--list {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    html.premium-home-v4-active {
        scroll-padding-top: 108px;
    }

    body.premium-home-v4-active .premium-site-header {
        padding-top: 10px;
    }

    body.premium-home-v4-active .premium-header-shell {
        min-height: 86px;
        border-radius: 22px !important;
    }

    body.premium-home-v4-active .premium-brand {
        width: min(54vw, 340px) !important;
        min-height: 68px;
        padding: 10px 8px 10px 12px !important;
    }

    body.premium-home-v4-active .sp-premium-hero,
    body.premium-home-v4-active .sp-hero__inner {
        min-height: 900px !important;
    }

    body.premium-home-v4-active .sp-hero__art {
        background-image:
            linear-gradient(180deg, rgba(4, 16, 35, .2) 0%, rgba(5, 21, 44, .1) 42%, rgba(5, 19, 40, .96) 78%, #07162b 100%),
            linear-gradient(90deg, rgba(4, 17, 38, .64), rgba(5, 20, 41, .04)),
            url("sp-earth-premium-v4.webp") !important;
        background-position: 62% center !important;
    }

    body.premium-home-v4-active .sp-hero__inner {
        padding: 445px 22px 150px !important;
    }

    body.premium-home-v4-active .sp-hero__copy {
        width: 100% !important;
        text-align: left !important;
    }

    body.premium-home-v4-active .sp-hero__copy h1 {
        margin-top: 22px !important;
        font-size: clamp(45px, 12vw, 67px) !important;
    }

    body.premium-home-v4-active .sp-hero__copy > p {
        font-size: 17px !important;
    }

    body.premium-home-v4-active .sp-v4-feature-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    body.premium-home-v4-active .sp-v4-feature {
        min-height: 70px;
        padding: 12px;
    }

    body.premium-home-v4-active .sp-v4-social {
        width: 58px;
        border-radius: 18px;
    }

    body.premium-home-v4-active .sp-v4-social span {
        border-radius: 12px;
    }

    body.premium-home-v4-active .sp-v4-social--instagram { left: 12%; top: 16%; }
    body.premium-home-v4-active .sp-v4-social--tiktok { left: 36%; top: 10%; }
    body.premium-home-v4-active .sp-v4-social--youtube { left: 59%; top: 17%; }
    body.premium-home-v4-active .sp-v4-social--facebook { left: 80%; top: 11%; }

    body.premium-home-v4-active .sp-v4-social::before {
        height: 105px;
    }

    body.premium-home-v4-active .sp-premium-category-wrap {
        margin-top: -82px !important;
        padding-inline: 14px !important;
    }

    body.premium-home-v4-active .catpi--list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 11px !important;
    }

    body.premium-home-v4-active .catpi-item {
        min-height: 82px !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    body.premium-home-v4-active .sp-activity-v2__inner {
        grid-template-columns: 108px minmax(0, 1fr);
        gap: 18px;
        padding: 20px !important;
    }

    body.premium-home-v4-active .sp-v4-live-visual {
        width: 100px;
    }

    body.premium-home-v4-active .sp-v4-live-status {
        grid-column: 1 / -1;
        min-width: 0;
    }

    body.premium-home-v4-active .sp-v4-signature-scene,
    body.premium-home-v4-active .sp-v4-signature-content {
        min-height: 430px;
    }

    body.premium-home-v4-active .sp-v4-signature-content img {
        width: min(92vw, 620px);
    }

    body.premium-home-v4-active .sp-v4-signal {
        right: 5%;
        bottom: 8%;
        height: 100px;
        opacity: .38;
    }
}

@media (max-width: 520px) {
    body.premium-home-v4-active .premium-brand {
        width: min(58vw, 265px) !important;
    }

    body.premium-home-v4-active .sp-premium-hero,
    body.premium-home-v4-active .sp-hero__inner {
        min-height: 940px !important;
    }

    body.premium-home-v4-active .sp-hero__inner {
        padding: 410px 17px 140px !important;
    }

    body.premium-home-v4-active .sp-hero__kicker {
        min-height: 42px;
        padding-inline: 14px !important;
        font-size: 10px !important;
    }

    body.premium-home-v4-active .sp-hero__button--primary {
        width: 100%;
    }

    body.premium-home-v4-active .sp-v4-feature strong {
        font-size: 12px;
    }

    body.premium-home-v4-active .sp-v4-feature small {
        font-size: 9px;
    }

    body.premium-home-v4-active .sp-v4-feature svg {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        margin-right: 8px;
    }

    body.premium-home-v4-active .sp-v4-social {
        width: 50px;
    }

    body.premium-home-v4-active .sp-v4-social i {
        font-size: 25px;
    }

    body.premium-home-v4-active .sp-v4-social--instagram { left: 7%; }
    body.premium-home-v4-active .sp-v4-social--tiktok { left: 31%; }
    body.premium-home-v4-active .sp-v4-social--youtube { left: 55%; }
    body.premium-home-v4-active .sp-v4-social--facebook { left: 78%; }

    body.premium-home-v4-active .catpi-item {
        min-height: 76px !important;
    }

    body.premium-home-v4-active .sp-activity-v2__inner {
        grid-template-columns: 1fr;
        text-align: center;
    }

    body.premium-home-v4-active .sp-v4-live-visual {
        margin: 0 auto;
    }

    body.premium-home-v4-active .sp-v4-eyebrow,
    body.premium-home-v4-active .sp-v4-signature-kicker {
        font-size: 10px;
    }

    body.premium-home-v4-active .sp-v4-signature-content {
        align-items: center;
        padding: 50px 0;
        text-align: center;
    }

    body.premium-home-v4-active .sp-v4-signature-points {
        justify-content: center;
    }

    body.premium-home-v4-active .sp-v4-footer-signature i {
        display: none;
    }
}

/* Final mobile composition: one logo row, clean title area, two-column trust grid. */
@media (max-width: 820px) {
    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero,
    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__inner {
        min-height: 790px !important;
        height: auto !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__art {
        background-image:
            linear-gradient(180deg, rgba(3, 13, 30, .18) 0%, rgba(4, 17, 37, .2) 32%, rgba(5, 20, 42, .83) 72%, #07162b 100%),
            linear-gradient(90deg, rgba(4, 17, 38, .72), rgba(5, 20, 41, .08)),
            url("sp-earth-premium-v4.webp") !important;
        background-position: 68% center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__inner {
        position: relative !important;
        display: flex !important;
        align-items: flex-start !important;
        padding: 245px 18px 78px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__copy {
        position: relative !important;
        inset: auto !important;
        z-index: 7 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        text-align: left !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-v4-social-sky {
        top: 76px !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        display: flex !important;
        height: 64px !important;
        align-items: center !important;
        justify-content: center !important;
        gap: clamp(14px, 5vw, 24px) !important;
        padding: 0 14px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-v4-social {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: clamp(48px, 13vw, 56px) !important;
        flex: 0 0 clamp(48px, 13vw, 56px) !important;
        border-radius: 17px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-v4-social::before {
        height: 58px !important;
        opacity: .5 !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-v4-social i {
        font-size: 25px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__kicker {
        width: fit-content !important;
        max-width: 100% !important;
        min-height: 36px !important;
        padding: 8px 12px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__copy h1 {
        max-width: 100% !important;
        margin: 16px 0 15px !important;
        font-size: clamp(38px, 10vw, 46px) !important;
        line-height: .98 !important;
        letter-spacing: -.052em !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__copy > p {
        max-width: 100% !important;
        margin-bottom: 0 !important;
        font-size: 14.5px !important;
        line-height: 1.55 !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        margin-top: 20px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__button--primary {
        width: 100% !important;
        min-height: 52px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-v4-feature-rail {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        width: 100% !important;
        margin-top: 18px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-v4-feature {
        min-width: 0 !important;
        min-height: 72px !important;
        padding: 10px !important;
        border-radius: 16px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-v4-feature strong {
        font-size: 11.5px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-v4-feature small {
        font-size: 8.8px !important;
    }
}

/* Premium service constellation: featured platforms lead, secondary services orbit below. */
html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 16px !important;
    padding: 18px !important;
    border: 1px solid rgba(94, 201, 255, .24) !important;
    border-radius: 34px !important;
    background:
        radial-gradient(circle at 12% 0, rgba(68, 183, 255, .17), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(71, 119, 255, .13), transparent 28%),
        linear-gradient(145deg, rgba(10, 35, 67, .88), rgba(7, 25, 50, .78)) !important;
    -webkit-backdrop-filter: blur(24px) saturate(145%);
    backdrop-filter: blur(24px) saturate(145%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 36px 80px rgba(0, 12, 34, .3),
        0 0 60px rgba(45, 142, 255, .06) !important;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card {
    --accent: var(--c, #53d8ff);
    position: relative !important;
    grid-column: span 2;
    display: grid !important;
    min-width: 0 !important;
    min-height: 118px !important;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center !important;
    gap: 14px !important;
    overflow: hidden;
    padding: 18px !important;
    border: 1px solid color-mix(in srgb, var(--accent) 38%, rgba(101, 204, 255, .25)) !important;
    border-radius: 24px !important;
    color: #f5fbff !important;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--accent) 13%, rgba(24, 69, 112, .83)), rgba(9, 33, 65, .93)),
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--accent) 22%, transparent), transparent 52%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .1),
        0 18px 42px rgba(0, 10, 33, .24),
        0 0 26px color-mix(in srgb, var(--accent) 8%, transparent) !important;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card::before {
    content: "";
    position: absolute;
    top: -68px;
    left: -56px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent) 30%, transparent), transparent 68%);
    filter: blur(5px);
    opacity: .8;
    pointer-events: none;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card::after {
    content: attr(data-platform-order);
    position: absolute;
    top: 13px;
    right: 15px;
    color: color-mix(in srgb, var(--accent) 48%, rgba(190, 224, 255, .28));
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured {
    grid-column: span 3;
    min-height: 172px !important;
    grid-template-columns: 1fr;
    align-content: end !important;
    gap: 17px !important;
    padding: 22px !important;
    border-radius: 28px !important;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card:nth-child(2) {
    --accent: #55f4ff;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card:nth-child(4) {
    --accent: #5b7cff;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .icon {
    position: relative;
    z-index: 2;
    display: grid !important;
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;
    place-items: center;
    margin: 0 !important;
    border: 1px solid color-mix(in srgb, var(--accent) 58%, rgba(255, 255, 255, .15)) !important;
    border-radius: 50% !important;
    color: color-mix(in srgb, var(--accent) 78%, #fff) !important;
    background:
        radial-gradient(circle at 32% 20%, rgba(255, 255, 255, .2), transparent 35%),
        color-mix(in srgb, var(--accent) 18%, rgba(8, 30, 61, .88)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 0 28px color-mix(in srgb, var(--accent) 24%, transparent) !important;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured .icon {
    width: 68px !important;
    height: 68px !important;
    flex-basis: 68px !important;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .icon i {
    color: inherit !important;
    font-size: 27px !important;
    filter: drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 48%, transparent));
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured .icon i {
    font-size: 34px !important;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .text {
    position: relative;
    z-index: 2;
    display: flex !important;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 3px;
    color: #f5fbff !important;
    text-align: left !important;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .text small {
    color: color-mix(in srgb, var(--accent) 66%, #b8dbf5);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .13em;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .text strong {
    max-width: 100%;
    overflow: hidden;
    color: #f8fcff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured .text strong {
    font-size: clamp(20px, 1.9vw, 29px);
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .text em {
    color: #93b7d3;
    font-size: 10px;
    font-style: normal;
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .text em::after {
    content: " ↗";
    color: color-mix(in srgb, var(--accent) 70%, #fff);
}

html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card:hover,
html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card:focus-visible {
    transform: translateY(-8px) scale(1.012) !important;
    border-color: color-mix(in srgb, var(--accent) 72%, rgba(255, 255, 255, .25)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .15),
        0 25px 55px rgba(0, 14, 40, .3),
        0 0 38px color-mix(in srgb, var(--accent) 18%, transparent) !important;
}

@media (max-width: 1180px) {
    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card {
        grid-column: span 3;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured {
        grid-column: span 6;
    }
}

@media (max-width: 820px) {
    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 {
        margin-top: -34px !important;
        padding-inline: 10px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        padding: 10px !important;
        border-radius: 24px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card,
    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured {
        grid-column: span 1;
        min-height: 112px !important;
        grid-template-columns: 44px minmax(0, 1fr);
        align-content: center !important;
        gap: 10px !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured {
        grid-column: 1 / -1;
        min-height: 118px !important;
        grid-template-columns: 58px minmax(0, 1fr);
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .icon {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured .icon {
        width: 58px !important;
        height: 58px !important;
        flex-basis: 58px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .text small {
        font-size: 7px;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .text strong {
        font-size: 12px;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured .text strong {
        font-size: 20px;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .text em {
        display: none;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-activity-v2__inner {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 18px !important;
        border-radius: 22px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-v4-live-visual {
        display: none !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-v4-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-v4-metric {
        min-height: 68px !important;
        padding: 10px 12px !important;
        border-radius: 15px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-v4-metric strong {
        font-size: clamp(19px, 6vw, 25px) !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-v4-live-status {
        grid-column: auto !important;
        min-width: 0 !important;
        flex-direction: row !important;
        align-items: center;
        justify-content: space-between;
        padding: 11px 14px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .premium-stories-v23 .premium-review-card {
        min-height: 0 !important;
        padding: 22px !important;
        border-radius: 22px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .premium-stories-v23 .premium-review-person img {
        width: 62px !important;
        height: 62px !important;
        border-radius: 50% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.premium-home-v4-active *,
    body.premium-home-v4-active *::before,
    body.premium-home-v4-active *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* SP V4 identity layer — brighter violet glass, photoreal Earth and independent ISS */
body.premium-home-v4-active {
    --sp4-bg: #120a27;
    --sp4-surface: rgba(49, 25, 86, .8);
    --sp4-surface-light: rgba(76, 38, 124, .82);
    --sp4-line: rgba(197, 111, 255, .43);
    --sp4-pink: #ff55d6;
    --sp4-violet: #a441ff;
    --sp4-purple: #6d39ff;
    --sp4-ice: #fff7ff;
    --sp4-muted: #cbb8dd;
    background:
        radial-gradient(circle at 7% 12%, rgba(174, 68, 255, .25), transparent 34rem),
        radial-gradient(circle at 94% 32%, rgba(242, 83, 224, .16), transparent 37rem),
        linear-gradient(180deg, #140a2b 0%, #21103c 38%, #1b0d34 68%, #100820 100%) !important;
}

body.premium-home-v4-active::before {
    background-image:
        linear-gradient(rgba(220, 157, 255, .027) 1px, transparent 1px),
        linear-gradient(90deg, rgba(220, 157, 255, .027) 1px, transparent 1px);
}

body.premium-home-v4-active .premium-site-header {
    background: linear-gradient(180deg, rgba(19, 7, 40, .94), rgba(31, 11, 57, .82)) !important;
}

body.premium-home-v4-active .premium-header-shell {
    min-height: 126px;
    border-color: rgba(197, 102, 255, .48) !important;
    background:
        linear-gradient(135deg, rgba(69, 29, 118, .72), rgba(22, 8, 47, .84) 60%),
        radial-gradient(circle at 12% 10%, rgba(221, 85, 255, .24), transparent 38%) !important;
    box-shadow:
        0 24px 70px rgba(9, 1, 24, .42),
        inset 0 1px 0 rgba(255, 255, 255, .11),
        0 0 38px rgba(164, 57, 255, .13) !important;
}

body.premium-home-v4-active .premium-brand {
    display: flex !important;
    width: min(640px, 42vw) !important;
    min-height: 94px;
    align-items: center;
    gap: 18px !important;
    padding: 10px 18px !important;
}

body.premium-home-v4-active .premium-brand-mark {
    display: grid !important;
    width: 76px !important;
    height: 76px !important;
    flex: 0 0 76px;
    place-items: center;
    border: 1px solid rgba(241, 182, 255, .45) !important;
    border-radius: 24px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 28% 16%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(145deg, #d445ff, #7735ff 72%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .28),
        0 12px 30px rgba(124, 35, 255, .32),
        0 0 32px rgba(213, 71, 255, .22) !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

body.premium-home-v4-active .premium-brand-name {
    color: #fff !important;
    font-size: clamp(27px, 2.35vw, 42px) !important;
    font-weight: 950 !important;
    letter-spacing: -.045em !important;
    text-shadow: 0 8px 28px rgba(0, 0, 0, .3);
    white-space: nowrap;
}

body.premium-home-v4-active .premium-brand-name strong {
    color: #f35dff !important;
    text-shadow: 0 0 24px rgba(229, 74, 255, .42);
}

body.premium-home-v4-active .premium-navbar a,
body.premium-home-v4-active .premium-navbar button {
    color: #f2dfff !important;
}

body.premium-home-v4-active .premium-navbar a:hover,
body.premium-home-v4-active .premium-navbar a:focus-visible,
body.premium-home-v4-active .premium-navbar button:hover,
body.premium-home-v4-active .premium-navbar button:focus-visible {
    color: #fff !important;
    background: rgba(183, 80, 255, .15) !important;
    box-shadow: inset 0 0 0 1px rgba(214, 124, 255, .3), 0 0 26px rgba(187, 73, 255, .16);
}

body.premium-home-v4-active .sp-premium-hero {
    min-height: 960px !important;
    padding-top: 0 !important;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 72% 35%, rgba(186, 61, 255, .22), transparent 37%),
        linear-gradient(180deg, #15092b 0%, #241044 100%) !important;
}

body.premium-home-v4-active .sp-premium-hero > .container,
body.premium-home-v4-active .sp-premium-hero .main--intro {
    position: relative;
    min-height: 960px !important;
}

body.premium-home-v4-active .sp-hero__grid {
    position: relative;
    z-index: 2;
    display: grid !important;
    min-height: 790px;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: center;
}

html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__art {
    position: absolute !important;
    inset: 0 calc((100vw - 100%) / -2) 0 calc((100vw - 100%) / -2) !important;
    z-index: -1 !important;
    overflow: hidden;
    background-image:
        linear-gradient(90deg, rgba(18, 7, 39, .98) 0%, rgba(24, 8, 47, .9) 24%, rgba(31, 9, 56, .38) 48%, rgba(23, 6, 44, .08) 72%, rgba(17, 5, 33, .22) 100%),
        linear-gradient(180deg, rgba(20, 6, 39, .06), rgba(20, 8, 39, .06) 64%, rgba(20, 8, 39, .74) 100%),
        url("sp-earth-premium-v4.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center right !important;
    transform: translateZ(0) scale(1.015);
    animation: sp4-earth-drift 22s ease-in-out infinite alternate !important;
}

body.premium-home-v4-active .sp-hero__copy {
    position: relative;
    z-index: 8;
    width: min(760px, 48vw) !important;
    max-width: none !important;
    padding: 86px 0 72px;
}

body.premium-home-v4-active .sp-hero__kicker {
    min-height: 48px;
    border-color: rgba(218, 116, 255, .55) !important;
    color: #f0a7ff !important;
    background: linear-gradient(135deg, rgba(104, 41, 160, .54), rgba(43, 16, 80, .58)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 0 32px rgba(195, 74, 255, .15);
}

body.premium-home-v4-active .sp-hero__copy h1 {
    max-width: 820px;
    margin-top: 30px !important;
    color: #fff !important;
    font-size: clamp(56px, 5.2vw, 88px) !important;
    line-height: .98 !important;
    letter-spacing: -.057em !important;
    text-wrap: balance;
    text-shadow: 0 12px 45px rgba(4, 0, 17, .44);
}

body.premium-home-v4-active .sp-hero__copy h1 strong {
    background: linear-gradient(90deg, #ff7ae5 0%, #c352ff 40%, #7f54ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    filter: drop-shadow(0 8px 26px rgba(189, 68, 255, .24));
}

body.premium-home-v4-active .sp-hero__subtitle {
    margin-top: 28px !important;
    color: #fff0ff !important;
    font-size: clamp(19px, 1.5vw, 25px) !important;
    font-weight: 850 !important;
}

body.premium-home-v4-active .sp-hero__description {
    max-width: 680px !important;
    margin-top: 14px !important;
    color: #d8c6e6 !important;
    font-size: clamp(17px, 1.35vw, 22px) !important;
    line-height: 1.65 !important;
}

body.premium-home-v4-active .sp-hero__button--primary {
    min-width: 270px;
    min-height: 64px;
    border-color: rgba(252, 183, 255, .65) !important;
    background: linear-gradient(105deg, #7b36ff 0%, #bd3fff 56%, #f05bd9 100%) !important;
    box-shadow:
        0 20px 44px rgba(112, 37, 230, .36),
        0 0 34px rgba(223, 71, 255, .21),
        inset 0 1px 0 rgba(255, 255, 255, .34) !important;
}

body.premium-home-v4-active .sp-hero__button--primary:hover,
body.premium-home-v4-active .sp-hero__button--primary:focus-visible {
    box-shadow:
        0 27px 54px rgba(112, 37, 230, .46),
        0 0 46px rgba(223, 71, 255, .31),
        inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}

body.premium-home-v4-active .sp-v4-feature-rail {
    width: min(760px, 48vw) !important;
}

body.premium-home-v4-active .sp-v4-feature {
    border-color: rgba(203, 111, 255, .38);
    background:
        linear-gradient(135deg, rgba(95, 44, 148, .68), rgba(40, 18, 73, .76)),
        radial-gradient(circle at 0 0, rgba(225, 107, 255, .2), transparent 44%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 13px 36px rgba(8, 1, 24, .24);
}

body.premium-home-v4-active .sp-v4-feature:hover {
    border-color: rgba(232, 150, 255, .72);
    background:
        linear-gradient(135deg, rgba(120, 52, 181, .82), rgba(58, 24, 102, .84)),
        radial-gradient(circle at 0 0, rgba(235, 121, 255, .28), transparent 46%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 18px 44px rgba(65, 12, 125, .25), 0 0 27px rgba(211, 75, 255, .13);
}

body.premium-home-v4-active .sp-v4-feature svg {
    stroke: #ed9aff;
    filter: drop-shadow(0 0 9px rgba(224, 100, 255, .5));
}

body.premium-home-v4-active .sp-v4-feature small {
    color: #c9aedb;
}

body.premium-home-v4-active .sp-v4-orbit-scene {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

body.premium-home-v4-active .sp-v4-planet-glow {
    position: absolute;
    right: 1%;
    top: 8%;
    width: min(58vw, 980px);
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow:
        0 0 90px rgba(187, 67, 255, .2),
        inset 0 0 80px rgba(227, 118, 255, .12);
    animation: sp4-planet-pulse 7.5s ease-in-out infinite;
}

body.premium-home-v4-active .sp-v4-orbit-line {
    position: absolute;
    right: 4%;
    top: 13%;
    width: min(57vw, 920px);
    aspect-ratio: 1.42;
    border: 1px solid rgba(221, 133, 255, .19);
    border-radius: 50%;
    transform: rotate(-17deg);
    box-shadow: 0 0 24px rgba(183, 76, 255, .05);
}

body.premium-home-v4-active .sp-v4-orbit-line--two {
    right: -1%;
    top: 9%;
    transform: rotate(18deg) scale(.82);
    border-color: rgba(142, 113, 255, .16);
}

body.premium-home-v4-active .sp-v4-orbit-line--three {
    right: 9%;
    top: 18%;
    transform: rotate(58deg) scale(.68);
    border-style: dashed;
    border-color: rgba(244, 146, 255, .15);
}

body.premium-home-v4-active .sp-v4-starfield {
    position: absolute;
    inset: 0;
    opacity: .72;
    background-image:
        radial-gradient(circle at 58% 13%, rgba(255,255,255,.9) 0 1px, transparent 1.5px),
        radial-gradient(circle at 72% 22%, rgba(237,184,255,.8) 0 1px, transparent 1.5px),
        radial-gradient(circle at 88% 10%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
        radial-gradient(circle at 94% 39%, rgba(203,172,255,.8) 0 1px, transparent 1.5px),
        radial-gradient(circle at 64% 54%, rgba(255,255,255,.7) 0 1px, transparent 1.5px);
    background-size: 380px 310px, 470px 390px, 520px 440px, 610px 510px, 690px 560px;
    animation: sp4-stars-drift 24s linear infinite;
}

body.premium-home-v4-active .sp-v4-lens-flare {
    position: absolute;
    width: 130px;
    aspect-ratio: 1;
    border-radius: 50%;
    mix-blend-mode: screen;
    background: radial-gradient(circle, rgba(255,255,255,.92) 0 1%, rgba(239,144,255,.54) 2%, rgba(173,73,255,.15) 18%, transparent 68%);
    animation: sp4-flare 5s ease-in-out infinite;
}

body.premium-home-v4-active .sp-v4-lens-flare--one {
    right: 37%;
    top: 18%;
}

body.premium-home-v4-active .sp-v4-lens-flare--two {
    right: 8%;
    top: 54%;
    width: 86px;
    animation-delay: -2.6s;
}

body.premium-home-v4-active .sp-v4-iss-path {
    position: absolute;
    right: 6%;
    top: 16%;
    z-index: 4;
    display: block;
    width: clamp(230px, 22vw, 430px);
    transform-origin: 110% 320%;
    animation: sp4-iss-orbit 15s cubic-bezier(.45, .05, .55, .95) infinite alternate;
    filter: drop-shadow(0 16px 28px rgba(3, 0, 13, .5)) drop-shadow(0 0 16px rgba(232, 142, 255, .28));
}

body.premium-home-v4-active .sp-v4-iss {
    display: block;
    width: 100%;
    height: auto;
    transform: rotate(-7deg);
}

body.premium-home-v4-active .sp-v4-iss-glint {
    position: absolute;
    left: 48%;
    top: 42%;
    width: 70px;
    height: 2px;
    transform: rotate(-18deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);
    box-shadow: 0 0 18px rgba(235, 173, 255, .8);
    animation: sp4-iss-glint 4.8s ease-in-out infinite;
}

body.premium-home-v4-active .sp-v4-social-orbit {
    position: absolute;
    inset: 0;
    z-index: 7;
    pointer-events: none;
}

body.premium-home-v4-active .sp-v4-social {
    --brand: #d75bff;
    position: absolute;
    display: grid;
    width: clamp(58px, 4.6vw, 82px);
    aspect-ratio: 1;
    place-items: center;
    pointer-events: auto;
    border: 1px solid color-mix(in srgb, var(--brand) 72%, transparent);
    border-radius: 50%;
    color: #fff !important;
    background:
        radial-gradient(circle at 30% 18%, rgba(255,255,255,.22), transparent 30%),
        color-mix(in srgb, var(--brand) 22%, rgba(24, 8, 48, .84));
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    backdrop-filter: blur(16px) saturate(150%);
    box-shadow:
        0 0 28px color-mix(in srgb, var(--brand) 28%, transparent),
        0 19px 46px rgba(10, 1, 28, .36),
        inset 0 1px 0 rgba(255, 255, 255, .18);
    animation: sp4-social-orbit-float 6s ease-in-out infinite;
}

body.premium-home-v4-active .sp-v4-social::before {
    content: "";
    position: absolute;
    inset: -12px;
    border: 1px solid color-mix(in srgb, var(--brand) 42%, transparent);
    border-radius: 50%;
    opacity: 0;
    animation: sp4-social-ring 3.4s ease-out infinite;
}

body.premium-home-v4-active .sp-v4-social::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 1px;
    height: clamp(55px, 7vw, 110px);
    background: linear-gradient(to bottom, color-mix(in srgb, var(--brand) 62%, transparent), transparent);
    box-shadow: 0 0 8px var(--brand);
}

body.premium-home-v4-active .sp-v4-social i {
    position: relative;
    z-index: 2;
    font-size: clamp(28px, 2.4vw, 42px);
    filter: drop-shadow(0 0 12px var(--brand));
}

body.premium-home-v4-active .sp-v4-social span {
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    background: linear-gradient(120deg, rgba(255,255,255,.17), transparent 34%, transparent 64%, rgba(255,255,255,.08));
}

body.premium-home-v4-active .sp-v4-social:hover,
body.premium-home-v4-active .sp-v4-social:focus-visible {
    transform: translateY(-8px) scale(1.08);
}

body.premium-home-v4-active .sp-v4-social--instagram {
    --brand: #ff4fc4;
    right: 38%;
    top: 26%;
}

body.premium-home-v4-active .sp-v4-social--tiktok {
    --brand: #67f3ff;
    right: 22%;
    top: 16%;
    animation-delay: -1.6s;
}

body.premium-home-v4-active .sp-v4-social--youtube {
    --brand: #ff4d67;
    right: 29%;
    top: 46%;
    animation-delay: -3s;
}

body.premium-home-v4-active .sp-v4-social--facebook {
    --brand: #6e8dff;
    right: 5%;
    top: 34%;
    animation-delay: -4.2s;
}

/* The platform constellation lives directly inside the SP hero. */
body.premium-home-v4-active #sp-service-grid-v4 {
    position: relative;
    z-index: 10;
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: -32px 0 48px !important;
    padding: 18px !important;
    border: 1px solid rgba(211, 114, 255, .28) !important;
    border-radius: 34px !important;
    background:
        radial-gradient(circle at 12% 0, rgba(221, 83, 255, .2), transparent 31%),
        radial-gradient(circle at 88% 18%, rgba(116, 83, 255, .16), transparent 29%),
        linear-gradient(145deg, rgba(47, 20, 84, .9), rgba(24, 9, 49, .84)) !important;
    -webkit-backdrop-filter: blur(25px) saturate(150%);
    backdrop-filter: blur(25px) saturate(150%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 38px 84px rgba(8, 1, 25, .36),
        0 0 65px rgba(184, 58, 255, .08) !important;
}

body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card {
    --accent: var(--c, #c752ff);
    border-color: color-mix(in srgb, var(--accent) 40%, rgba(210, 112, 255, .25)) !important;
    color: #fff8ff !important;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--accent) 14%, rgba(73, 30, 116, .86)), rgba(31, 12, 61, .94)),
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--accent) 24%, transparent), transparent 53%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 19px 44px rgba(9, 1, 28, .28),
        0 0 28px color-mix(in srgb, var(--accent) 9%, transparent) !important;
}

body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .icon {
    background:
        radial-gradient(circle at 32% 20%, rgba(255,255,255,.22), transparent 35%),
        color-mix(in srgb, var(--accent) 20%, rgba(31, 12, 61, .9)) !important;
}

body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .text small {
    color: color-mix(in srgb, var(--accent) 69%, #e8c8f7);
}

body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card .text em {
    color: #c3a8d4;
}

body.premium-home-v4-active .sp-activity-v2__inner {
    border-color: rgba(211, 118, 255, .42) !important;
    background:
        radial-gradient(circle at 7% 50%, rgba(210, 76, 255, .21), transparent 28%),
        linear-gradient(105deg, rgba(77, 33, 124, .92), rgba(39, 16, 75, .88) 58%, rgba(89, 38, 139, .85)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 25px 64px rgba(8, 1, 26, .29) !important;
}

body.premium-home-v4-active .sp-v4-orbit {
    border-color: rgba(235, 143, 255, .39);
}

body.premium-home-v4-active .sp-v4-live-core {
    background: radial-gradient(circle at 34% 27%, #fff0ff, #eb76ff 34%, #9d3fff 68%, #5331c2);
    box-shadow: 0 0 19px rgba(232, 106, 255, .84), 0 0 48px rgba(148, 58, 255, .52);
}

body.premium-home-v4-active .sp-v4-node {
    background: #f1acff;
    box-shadow: 0 0 14px #d75cff;
}

body.premium-home-v4-active .sp-v4-eyebrow {
    color: #f1a6ff;
}

body.premium-home-v4-active .sp-v4-metric {
    border-color: rgba(222, 132, 255, .33);
    background:
        linear-gradient(145deg, rgba(102, 46, 153, .62), rgba(45, 18, 83, .74)),
        radial-gradient(circle at 15% 0, rgba(237, 123, 255, .22), transparent 49%);
}

body.premium-home-v4-active .sp-v4-metric small {
    color: #e6a0ff;
}

body.premium-home-v4-active .premium-stories-v23,
body.premium-home-v4-active .premium-benefits-v23,
body.premium-home-v4-active .premium-confidence-v23,
body.premium-home-v4-active .premium-editorial-v23,
body.premium-home-v4-active .premium-faq-v23 {
    background:
        radial-gradient(circle at 88% 8%, rgba(190, 63, 255, .15), transparent 31rem),
        linear-gradient(180deg, rgba(39, 16, 74, .98), rgba(27, 11, 55, .99)) !important;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-card {
    --review-accent: #e05cff;
    border-color: rgba(218, 112, 255, .4) !important;
    background:
        radial-gradient(circle at 10% 0, rgba(218, 81, 255, .21), transparent 39%),
        linear-gradient(145deg, rgba(76, 33, 120, .92), rgba(35, 14, 68, .96)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        0 25px 60px rgba(8, 1, 28, .27),
        0 0 40px rgba(198, 64, 255, .07) !important;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-card:nth-child(even) {
    --review-accent: #8f72ff;
    border-color: rgba(139, 110, 255, .38) !important;
    background:
        radial-gradient(circle at 88% 0, rgba(128, 91, 255, .18), transparent 39%),
        linear-gradient(145deg, rgba(62, 38, 118, .94), rgba(31, 18, 70, .97)) !important;
}

body.premium-home-v4-active .premium-stories-v23 .premium-review-person img {
    border-color: rgba(225, 132, 255, .78) !important;
    box-shadow: 0 11px 28px rgba(8,1,29,.32), 0 0 24px rgba(210,82,255,.19) !important;
}

body.premium-home-v4-active .sp-v4-signature-scene {
    min-height: 500px;
    border-color: rgba(213, 112, 255, .28);
    background:
        radial-gradient(circle at 76% 46%, rgba(177, 53, 255, .18), transparent 35%),
        linear-gradient(90deg, rgba(26, 8, 52, .98), rgba(46, 17, 82, .82) 53%, rgba(75, 28, 116, .62)) !important;
}

body.premium-home-v4-active .sp-v4-signature-glow {
    position: absolute;
    right: 4%;
    top: 5%;
    width: min(46vw, 720px);
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(circle at 42% 38%, rgba(255, 180, 255, .12), transparent 12%),
        radial-gradient(circle, rgba(181, 65, 255, .25), rgba(86, 33, 145, .08) 52%, transparent 69%);
    box-shadow: 0 0 100px rgba(175, 57, 255, .18);
    animation: sp4-signature-glow 7s ease-in-out infinite alternate;
}

body.premium-home-v4-active .sp-v4-signature-orbits {
    position: absolute;
    right: 5%;
    top: 6%;
    width: min(43vw, 680px);
    aspect-ratio: 1;
}

body.premium-home-v4-active .sp-v4-signature-orbits i {
    position: absolute;
    inset: 8%;
    border: 1px solid rgba(224, 132, 255, .23);
    border-radius: 50%;
    animation: sp4-orbit-spin 18s linear infinite;
}

body.premium-home-v4-active .sp-v4-signature-orbits i:nth-child(2) {
    inset: 25%;
    border-style: dashed;
    animation-direction: reverse;
    animation-duration: 12s;
}

body.premium-home-v4-active .sp-v4-signature-orbits i:nth-child(3) {
    inset: 40%;
    border-color: rgba(255, 178, 255, .34);
    box-shadow: 0 0 42px rgba(196, 75, 255, .16);
    animation-duration: 8s;
}

body.premium-home-v4-active .sp-v4-signature-content > strong {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 26px;
}

body.premium-home-v4-active .sp-v4-signature-content > strong > b {
    display: grid;
    width: 82px;
    height: 82px;
    place-items: center;
    border: 1px solid rgba(245, 180, 255, .5);
    border-radius: 26px;
    color: #fff;
    background: linear-gradient(145deg, #d947ff, #7438ff);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.27), 0 15px 38px rgba(118,36,242,.36), 0 0 34px rgba(220,73,255,.22);
    font-size: 28px;
}

body.premium-home-v4-active .sp-v4-signature-content > strong > span {
    color: #fff;
    font-size: clamp(36px, 4.5vw, 74px);
    font-weight: 950;
    letter-spacing: -.055em;
    line-height: .9;
}

body.premium-home-v4-active .sp-v4-signature-content > strong em {
    color: #ef69ff;
    font-style: normal;
    text-shadow: 0 0 28px rgba(222, 81, 255, .34);
}

body.premium-home-v4-active .sp-v4-signature-kicker,
body.premium-home-v4-active .sp-v4-footer-signature strong {
    color: #eda0ff;
    text-shadow: 0 0 16px rgba(213, 74, 255, .38);
}

body.premium-home-v4-active .sp-v4-signature-points span {
    border-color: rgba(218, 121, 255, .36);
    background: rgba(95, 41, 145, .42);
}

body.premium-home-v4-active .sp-v4-signature-points i {
    background: #ed8fff;
    box-shadow: 0 0 13px rgba(223, 96, 255, .88);
}

body.premium-home-v4-active footer {
    background: linear-gradient(180deg, #160a2c, #0f071f) !important;
}

@keyframes sp4-earth-drift {
    0% { transform: translate3d(0, 0, 0) scale(1.015); filter: saturate(1.04) brightness(1.02); }
    100% { transform: translate3d(-.45%, -.25%, 0) scale(1.045); filter: saturate(1.12) brightness(1.07); }
}

@keyframes sp4-planet-pulse {
    0%, 100% { opacity: .5; transform: scale(.98); }
    50% { opacity: .92; transform: scale(1.025); }
}

@keyframes sp4-stars-drift {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-36px, 22px, 0); }
}

@keyframes sp4-flare {
    0%, 100% { opacity: .24; transform: scale(.72) rotate(0); }
    50% { opacity: .9; transform: scale(1.12) rotate(45deg); }
}

@keyframes sp4-iss-orbit {
    0% { transform: translate3d(-12%, 9%, 0) rotate(-4deg) scale(.9); opacity: .82; }
    48% { opacity: 1; }
    100% { transform: translate3d(34%, -21%, 0) rotate(7deg) scale(1.06); opacity: .96; }
}

@keyframes sp4-iss-glint {
    0%, 25%, 100% { opacity: 0; transform: translateX(-45px) rotate(-18deg) scaleX(.5); }
    46% { opacity: 1; }
    64% { opacity: 0; transform: translateX(48px) rotate(-18deg) scaleX(1.2); }
}

@keyframes sp4-social-orbit-float {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-1deg); }
    50% { transform: translate3d(0, -13px, 0) rotate(1deg); }
}

@keyframes sp4-social-ring {
    0% { transform: scale(.78); opacity: 0; }
    25% { opacity: .46; }
    100% { transform: scale(1.42); opacity: 0; }
}

@media (max-width: 1180px) {
    body.premium-home-v4-active .premium-brand {
        width: min(510px, 42vw) !important;
    }

    body.premium-home-v4-active .premium-brand-name {
        font-size: clamp(22px, 2.2vw, 32px) !important;
    }

    body.premium-home-v4-active .sp-hero__copy,
    body.premium-home-v4-active .sp-v4-feature-rail {
        width: min(680px, 55vw) !important;
    }
}

@media (max-width: 820px) {
    html.premium-home-v4-active {
        scroll-padding-top: 102px;
    }

    body.premium-home-v4-active .premium-site-header {
        padding-top: 8px !important;
    }

    body.premium-home-v4-active .premium-header-shell {
        min-height: 96px !important;
        border-radius: 22px !important;
    }

    body.premium-home-v4-active .premium-brand {
        width: calc(100% - 132px) !important;
        min-height: 78px !important;
        gap: 10px !important;
        padding: 8px 10px !important;
    }

    body.premium-home-v4-active .premium-brand-mark {
        width: 54px !important;
        height: 54px !important;
        flex-basis: 54px !important;
        border-radius: 18px !important;
        font-size: 17px !important;
    }

    body.premium-home-v4-active .premium-brand-name {
        overflow: visible !important;
        font-size: clamp(18px, 5.1vw, 27px) !important;
        line-height: .95;
        white-space: normal;
    }

    body.premium-home-v4-active .sp-premium-hero,
    body.premium-home-v4-active .sp-premium-hero > .container,
    body.premium-home-v4-active .sp-premium-hero .main--intro {
        min-height: auto !important;
    }

    body.premium-home-v4-active .sp-hero__grid {
        display: block !important;
        min-height: auto !important;
        padding-top: 420px;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__art {
        inset: 0 -18px auto -18px !important;
        height: 500px !important;
        border-radius: 0 0 36px 36px;
        background-image:
            linear-gradient(180deg, rgba(19,7,38,.08), rgba(24,8,47,.06) 63%, rgba(24,9,47,.9) 100%),
            linear-gradient(90deg, rgba(21,7,42,.18), transparent 34%, rgba(21,7,42,.08)),
            url("sp-earth-premium-v4.webp") !important;
        background-size: auto 100%, auto 100%, cover !important;
        background-position: center, center, 62% center !important;
        animation-duration: 19s !important;
    }

    body.premium-home-v4-active .sp-hero__copy {
        width: 100% !important;
        padding: 38px 10px 34px !important;
        text-align: left !important;
    }

    body.premium-home-v4-active .sp-hero__kicker {
        min-height: 40px !important;
        padding: 0 14px !important;
        font-size: 9px !important;
    }

    body.premium-home-v4-active .sp-hero__copy h1 {
        margin-top: 20px !important;
        font-size: clamp(43px, 12.5vw, 58px) !important;
        line-height: .96 !important;
    }

    body.premium-home-v4-active .sp-hero__subtitle {
        margin-top: 22px !important;
        font-size: 17px !important;
    }

    body.premium-home-v4-active .sp-hero__description {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    body.premium-home-v4-active .sp-hero__actions,
    body.premium-home-v4-active .sp-hero__button--primary {
        width: 100% !important;
    }

    body.premium-home-v4-active .sp-v4-feature-rail {
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin-top: 24px !important;
    }

    body.premium-home-v4-active .sp-v4-feature {
        min-height: 82px !important;
        padding: 11px !important;
        border-radius: 17px !important;
    }

    body.premium-home-v4-active .sp-v4-feature svg {
        width: 25px !important;
        height: 25px !important;
        flex-basis: 25px !important;
        margin-right: 8px !important;
    }

    body.premium-home-v4-active .sp-v4-feature strong {
        font-size: 11.5px !important;
    }

    body.premium-home-v4-active .sp-v4-feature small {
        font-size: 8.8px !important;
    }

    body.premium-home-v4-active .sp-v4-planet-glow {
        right: -28%;
        top: 3%;
        width: 125vw;
    }

    body.premium-home-v4-active .sp-v4-orbit-line {
        right: -25%;
        top: 8%;
        width: 124vw;
    }

    body.premium-home-v4-active .sp-v4-iss-path {
        right: 3%;
        top: 12%;
        width: 190px;
        animation-duration: 17s;
    }

    body.premium-home-v4-active .sp-v4-social-orbit {
        top: 0;
        height: 420px;
    }

    body.premium-home-v4-active .sp-v4-social {
        top: 330px !important;
        width: 54px;
        border-radius: 18px;
    }

    body.premium-home-v4-active .sp-v4-social::after {
        display: none;
    }

    body.premium-home-v4-active .sp-v4-social span {
        border-radius: 13px;
    }

    body.premium-home-v4-active .sp-v4-social i {
        font-size: 25px;
    }

    body.premium-home-v4-active .sp-v4-social--instagram { left: 7%; right: auto; }
    body.premium-home-v4-active .sp-v4-social--tiktok { left: 31%; right: auto; }
    body.premium-home-v4-active .sp-v4-social--youtube { left: 55%; right: auto; }
    body.premium-home-v4-active .sp-v4-social--facebook { left: 79%; right: auto; }

    body.premium-home-v4-active #sp-service-grid-v4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 0 0 32px !important;
        padding: 10px !important;
        border-radius: 24px !important;
    }

    body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card,
    body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured {
        grid-column: span 1;
    }

    body.premium-home-v4-active #sp-service-grid-v4 .sp-v4-platform-card--featured {
        grid-column: 1 / -1;
    }

    body.premium-home-v4-active .sp-v4-signature-scene {
        min-height: 470px;
    }

    body.premium-home-v4-active .sp-v4-signature-content {
        width: calc(100% - 34px);
        min-height: 470px;
    }

    body.premium-home-v4-active .sp-v4-signature-content > strong {
        gap: 12px;
    }

    body.premium-home-v4-active .sp-v4-signature-content > strong > b {
        width: 58px;
        height: 58px;
        border-radius: 19px;
        font-size: 20px;
    }

    body.premium-home-v4-active .sp-v4-signature-content > strong > span {
        font-size: clamp(29px, 8.5vw, 43px);
    }

    body.premium-home-v4-active .sp-v4-signature-glow,
    body.premium-home-v4-active .sp-v4-signature-orbits {
        right: -40%;
        top: 12%;
        width: 115vw;
        opacity: .56;
    }

    body.premium-home-v4-active .sp-v4-signal {
        right: 5%;
        bottom: 8%;
        height: 110px;
        opacity: .36;
    }
}

@media (max-width: 430px) {
    body.premium-home-v4-active .premium-brand {
        width: calc(100% - 118px) !important;
    }

    body.premium-home-v4-active .premium-brand-mark {
        width: 49px !important;
        height: 49px !important;
        flex-basis: 49px !important;
    }

    body.premium-home-v4-active .premium-brand-name {
        font-size: 17px !important;
    }

    body.premium-home-v4-active .sp-hero__grid {
        padding-top: 390px;
    }

    html.premium-home-v4-active body.premium-home-v4-active section.sp-premium-hero .sp-hero__art {
        height: 465px !important;
    }

    body.premium-home-v4-active .sp-v4-social-orbit {
        height: 390px;
    }

    body.premium-home-v4-active .sp-v4-social {
        top: 305px !important;
        width: 49px;
    }

    body.premium-home-v4-active .sp-v4-iss-path {
        width: 160px;
    }

    body.premium-home-v4-active .sp-v4-feature {
        min-height: 78px !important;
    }
}

/* V4.2 mobile flow repair — feature rail and service constellation never overlap. */
@media (max-width: 820px) {
    html.premium-home-v4-active body.premium-home-v4-active .sp-premium-hero .main--intro {
        display: flex !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex-direction: column !important;
        overflow: visible !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-hero__grid {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-hero__copy {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-hero__trust.sp-v4-feature-rail {
        position: relative !important;
        inset: auto !important;
        display: grid !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 24px 0 34px !important;
        padding: 0 !important;
        clear: both !important;
        overflow: visible !important;
        transform: none !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-v4-feature {
        position: relative !important;
        inset: auto !important;
        height: auto !important;
        min-height: 88px !important;
        max-height: none !important;
        overflow: hidden !important;
        transform: none;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        display: grid !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: 0 0 auto !important;
        clear: both !important;
        margin: 18px 0 34px !important;
        transform: none !important;
    }
}

@media (max-width: 430px) {
    html.premium-home-v4-active body.premium-home-v4-active .sp-hero__trust.sp-v4-feature-rail {
        margin-bottom: 30px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active .sp-v4-feature {
        min-height: 84px !important;
    }

    html.premium-home-v4-active body.premium-home-v4-active #sp-service-grid-v4 {
        margin-top: 14px !important;
    }
}
/* SP_HOME_V4_END */