/* =========================================================
   WINDOWS SECURITY LOG HUD — ANIMATED
========================================================= */

.wl-service-hero--security-log {
    position: relative;
    overflow: hidden;
}

.wl-log-hud {
    position: relative;
    min-height: 560px;
    border: 1px solid rgba(56, 189, 248, .16);
    background:
        radial-gradient(circle at 50% 46%, rgba(56, 189, 248, .08), transparent 43%),
        linear-gradient(180deg, rgba(4, 18, 32, .74), rgba(2, 10, 20, .86)),
        rgba(2, 12, 23, .32);
    overflow: hidden;
    box-shadow:
        inset 0 0 0 1px rgba(56, 189, 248, .03),
        inset 0 0 70px rgba(56, 189, 248, .03);
}

/* subtle moving grid */
.wl-log-hud__grid {
    position: absolute;
    inset: 0;
    opacity: .14;
    background-image:
        linear-gradient(rgba(56, 189, 248, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, .08) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, transparent, black 14%, black 86%, transparent);
    animation: wlHudGridDrift 24s linear infinite;
}

.wl-log-hud__noise {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .04;
    background:
        radial-gradient(circle at 20% 30%, rgba(255,255,255,.18) 0 1px, transparent 2px),
        radial-gradient(circle at 75% 18%, rgba(255,255,255,.18) 0 1px, transparent 2px),
        radial-gradient(circle at 58% 72%, rgba(255,255,255,.16) 0 1px, transparent 2px),
        radial-gradient(circle at 12% 80%, rgba(255,255,255,.12) 0 1px, transparent 2px);
    animation: wlHudNoise 7s steps(2) infinite;
}

.wl-log-hud__scanline {
    position: absolute;
    left: 0;
    right: 0;
    top: -25%;
    height: 28%;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(56, 189, 248, .025),
        rgba(56, 189, 248, .09),
        rgba(56, 189, 248, .025),
        transparent
    );
    pointer-events: none;
    animation: wlHudScanline 7.5s linear infinite;
}

/* header */
.wl-log-hud__header {
    position: absolute;
    top: 28px;
    left: 32px;
    right: 32px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    z-index: 5;
}

.wl-log-hud__header span,
.wl-log-hud__status,
.wl-log-hud__stats span,
.wl-log-hud__footer span,
.wl-log-hud__node span,
.wl-log-hud__core span,
.wl-log-hud__core small {
    font-family: monospace;
    font-size: 10px;
    letter-spacing: .12em;
    color: #6f91a8;
}

.wl-log-hud__header strong {
    display: block;
    margin-top: 6px;
    font-family: monospace;
    font-size: 13px;
    letter-spacing: .1em;
    color: #dcefff;
    text-shadow: 0 0 10px rgba(56, 189, 248, .1);
}

.wl-log-hud__status {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #4ade80;
    animation: wlHudStatusFlicker 3s ease-in-out infinite;
}

.wl-log-hud__status i {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 14px #4ade80;
    animation: wlHudBlink 1.8s ease-in-out infinite;
}

/* scope */
.wl-log-hud__scope {
    position: absolute;
    width: 310px;
    height: 310px;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
}

.wl-log-hud__ring {
    position: absolute;
    border: 1px solid rgba(56, 189, 248, .16);
    border-radius: 50%;
    inset: 0;
}

.wl-log-hud__ring--1 {
    animation: wlHudBreath 6s ease-in-out infinite;
}

.wl-log-hud__ring--2 {
    inset: 45px;
    border-style: dashed;
    animation: wlHudRotate 22s linear infinite;
}

.wl-log-hud__ring--3 {
    inset: 92px;
    border-color: rgba(56, 189, 248, .3);
    animation: wlHudBreath 4.5s ease-in-out infinite reverse;
}

.wl-log-hud__axis {
    position: absolute;
    background: linear-gradient(to bottom, transparent, rgba(56,189,248,.16), transparent);
    opacity: .38;
}

.wl-log-hud__axis--v {
    width: 1px;
    top: 5%;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
}

.wl-log-hud__axis--h {
    height: 1px;
    left: 5%;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(to right, transparent, rgba(56,189,248,.14), transparent);
}

.wl-log-hud__core {
    position: absolute;
    width: 124px;
    height: 124px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid rgba(56, 189, 248, .42);
    background: #061522;
    box-shadow:
        0 0 30px rgba(56, 189, 248, .08),
        inset 0 0 25px rgba(56, 189, 248, .05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: wlHudCorePulse 3.8s ease-in-out infinite;
}

.wl-log-hud__core::before,
.wl-log-hud__core::after {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    border: 1px solid rgba(56, 189, 248, .18);
}

.wl-log-hud__core::after {
    inset: -7px;
    border-color: rgba(56, 189, 248, .14);
}

.wl-log-hud__core strong {
    font-size: 34px;
    line-height: 1;
    color: #38bdf8;
    margin: 5px 0;
    text-shadow: 0 0 18px rgba(56, 189, 248, .28);
    animation: wlHudNumberGlow 2.8s ease-in-out infinite;
}

.wl-log-hud__pulse,
.wl-log-hud__orbit-dot {
    position: absolute;
    border-radius: 50%;
}

.wl-log-hud__pulse {
    width: 7px;
    height: 7px;
    background: #38bdf8;
    box-shadow: 0 0 15px #38bdf8;
}

.wl-log-hud__pulse::after,
.wl-log-hud__orbit-dot::after {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    border: 1px solid currentColor;
    opacity: .25;
    animation: wlHudRipple 2.4s ease-out infinite;
}

.wl-log-hud__pulse--1 {
    left: calc(50% - 3.5px);
    top: -3px;
    color: #38bdf8;
    animation: wlHudPointFloatTop 4s ease-in-out infinite;
}

.wl-log-hud__pulse--2 {
    right: 7%;
    top: calc(50% - 3px);
    background: #4ade80;
    color: #4ade80;
    box-shadow: 0 0 15px #4ade80;
    animation: wlHudPointFloatRight 3.6s ease-in-out infinite;
}

.wl-log-hud__pulse--3 {
    left: calc(50% - 3.5px);
    bottom: -3px;
    color: #38bdf8;
    animation: wlHudPointFloatBottom 4.4s ease-in-out infinite;
}

.wl-log-hud__orbit-dot {
    width: 8px;
    height: 8px;
    background: #38bdf8;
    color: #38bdf8;
    box-shadow: 0 0 14px rgba(56, 189, 248, .9);
}

.wl-log-hud__orbit-dot--1 {
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -4px;
    animation: wlHudOrbitOne 10s linear infinite;
}

.wl-log-hud__orbit-dot--2 {
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    background: #4ade80;
    color: #4ade80;
    box-shadow: 0 0 14px rgba(74, 222, 128, .85);
    animation: wlHudOrbitTwo 14s linear infinite reverse;
}

/* timeline */
.wl-log-hud__timeline {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 125px;
    display: flex;
    align-items: center;
}

.wl-log-hud__timeline-line {
    position: absolute;
    left: 36px;
    right: 36px;
    top: 50%;
    height: 1px;
    transform: translateY(-50%);
    background:
        repeating-linear-gradient(
            to right,
            rgba(56, 189, 248, .32) 0 8px,
            transparent 8px 14px
        );
    opacity: .9;
}

.wl-log-hud__timeline-scan {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 12px;
    transform: translateY(-50%);
    background: radial-gradient(circle at center, rgba(56,189,248,.28), transparent 70%);
    filter: blur(2px);
    animation: wlHudTimelineScan 5s ease-in-out infinite;
    pointer-events: none;
}

.wl-log-hud__timeline > i {
    height: 1px;
    flex: 1;
    background: transparent;
}

.wl-log-hud__node {
    position: relative;
    z-index: 2;
    width: 72px;
    height: 72px;
    border: 1px solid rgba(56, 189, 248, .24);
    border-radius: 50%;
    background: #061522;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: inset 0 0 18px rgba(56, 189, 248, .04);
    animation: wlHudNodeDrift 5s ease-in-out infinite;
}

.wl-log-hud__node strong {
    margin-top: 5px;
    font-family: monospace;
    font-size: 9px;
    color: #38bdf8;
    letter-spacing: .08em;
}

.wl-log-hud__node--active {
    border-color: rgba(74, 222, 128, .45);
    animation-delay: .2s;
}

.wl-log-hud__node--active strong {
    color: #4ade80;
}

.wl-log-hud__node--current {
    border-color: rgba(251, 191, 36, .5);
    box-shadow:
        0 0 16px rgba(251, 191, 36, .09),
        inset 0 0 18px rgba(251, 191, 36, .03);
    animation: wlHudTargetPulse 3.4s ease-in-out infinite;
}

.wl-log-hud__node--current strong {
    color: #fbbf24;
}

/* stats */
.wl-log-hud__stats {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(56, 189, 248, .13);
}

.wl-log-hud__stats > div {
    padding-top: 14px;
}

.wl-log-hud__stats strong {
    display: block;
    margin-top: 5px;
    font-family: monospace;
    font-size: 12px;
    color: #dcefff;
    text-shadow: 0 0 10px rgba(56,189,248,.06);
    animation: wlHudDataBlink 4.5s ease-in-out infinite;
}

.wl-log-hud__stats > div:nth-child(2) strong {
    animation-delay: .8s;
}

.wl-log-hud__stats > div:nth-child(3) strong {
    animation-delay: 1.4s;
}

.wl-log-hud__footer {
    position: absolute;
    left: 32px;
    bottom: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.wl-log-hud__footer strong {
    font-family: monospace;
    font-size: 10px;
    letter-spacing: .08em;
    color: #fbbf24;
    animation: wlHudWarningGlow 3s ease-in-out infinite;
}

/* keyframes */
@keyframes wlHudGridDrift {
    from { transform: translate3d(0,0,0); }
    to   { transform: translate3d(-21px, -21px, 0); }
}

@keyframes wlHudNoise {
    0%, 100% { opacity: .03; }
    50% { opacity: .055; }
}

@keyframes wlHudScanline {
    0%   { transform: translateY(-20%); opacity: 0; }
    10%  { opacity: .8; }
    50%  { opacity: .55; }
    90%  { opacity: .8; }
    100% { transform: translateY(430%); opacity: 0; }
}

@keyframes wlHudBlink {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .45; transform: scale(.82); }
}

@keyframes wlHudStatusFlicker {
    0%, 100% { opacity: 1; }
    47% { opacity: .9; }
    48% { opacity: .55; }
    49% { opacity: 1; }
    75% { opacity: .88; }
}

@keyframes wlHudBreath {
    0%, 100% { transform: scale(1); opacity: .9; }
    50% { transform: scale(1.018); opacity: 1; }
}

@keyframes wlHudRotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes wlHudCorePulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow:
            0 0 30px rgba(56, 189, 248, .08),
            inset 0 0 25px rgba(56, 189, 248, .05);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.018);
        box-shadow:
            0 0 40px rgba(56, 189, 248, .16),
            inset 0 0 30px rgba(56, 189, 248, .08);
    }
}

@keyframes wlHudNumberGlow {
    0%, 100% { opacity: 1; text-shadow: 0 0 12px rgba(56,189,248,.2); }
    50% { opacity: .92; text-shadow: 0 0 22px rgba(56,189,248,.4); }
}

@keyframes wlHudRipple {
    0%   { transform: scale(.55); opacity: .35; }
    70%  { transform: scale(1.55); opacity: .06; }
    100% { transform: scale(1.8); opacity: 0; }
}

@keyframes wlHudPointFloatTop {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(10px, 4px); }
}

@keyframes wlHudPointFloatRight {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-8px, -12px); }
}

@keyframes wlHudPointFloatBottom {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-10px, -5px); }
}

@keyframes wlHudOrbitOne {
    0%   { transform: rotate(0deg) translateX(151px) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(151px) rotate(-360deg); }
}

@keyframes wlHudOrbitTwo {
    0%   { transform: rotate(0deg) translateX(106px) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(106px) rotate(-360deg); }
}

@keyframes wlHudTimelineScan {
    0%   { left: 36px; opacity: 0; }
    10%  { opacity: 1; }
    50%  { opacity: .8; }
    90%  { opacity: 1; }
    100% { left: calc(100% - 106px); opacity: 0; }
}

@keyframes wlHudNodeDrift {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes wlHudTargetPulse {
    0%, 100% {
        transform: translateY(0) scale(1);
        box-shadow:
            0 0 16px rgba(251, 191, 36, .09),
            inset 0 0 18px rgba(251, 191, 36, .03);
    }
    50% {
        transform: translateY(-3px) scale(1.03);
        box-shadow:
            0 0 22px rgba(251, 191, 36, .16),
            inset 0 0 18px rgba(251, 191, 36, .05);
    }
}

@keyframes wlHudDataBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: .78; }
}

@keyframes wlHudWarningGlow {
    0%, 100% { text-shadow: 0 0 0 rgba(251,191,36,0); }
    50% { text-shadow: 0 0 12px rgba(251,191,36,.28); }
}

/* mobile */
@media (max-width: 900px) {

    .wl-log-hud {
        min-height: 510px;
        margin-top: 30px;
    }

    .wl-log-hud__scope {
        width: 250px;
        height: 250px;
    }

    .wl-log-hud__core {
        width: 108px;
        height: 108px;
    }

    .wl-log-hud__core strong {
        font-size: 30px;
    }

    .wl-log-hud__timeline {
        left: 15px;
        right: 15px;
    }

    .wl-log-hud__timeline-line {
        left: 30px;
        right: 30px;
    }

    .wl-log-hud__node {
        width: 58px;
        height: 58px;
    }

    .wl-log-hud__stats {
        left: 18px;
        right: 18px;
    }

    @keyframes wlHudOrbitOne {
        0%   { transform: rotate(0deg) translateX(122px) rotate(0deg); }
        100% { transform: rotate(360deg) translateX(122px) rotate(-360deg); }
    }

    @keyframes wlHudOrbitTwo {
        0%   { transform: rotate(0deg) translateX(84px) rotate(0deg); }
        100% { transform: rotate(360deg) translateX(84px) rotate(-360deg); }
    }

}

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
    .wl-log-hud *,
    .wl-log-hud *::before,
    .wl-log-hud *::after {
        animation: none !important;
        transition: none !important;
    }
}

/* =========================================================
   EVENT RETENTION VISUAL
========================================================= */

.wl-retention-visual {
    position: relative;
    min-height: 390px;
    border: 1px solid rgba(56, 189, 248, .16);
    background:
        radial-gradient(circle at 50% 45%,
            rgba(56, 189, 248, .07),
            transparent 46%),
        rgba(3, 14, 25, .46);
    overflow: hidden;
    padding: 34px;
}

.wl-retention-visual__grid {
    position: absolute;
    inset: 0;
    opacity: .14;
    background-image:
        linear-gradient(rgba(56,189,248,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56,189,248,.07) 1px, transparent 1px);
    background-size: 38px 38px;
}

.wl-retention-visual__head {
    position: relative;
    z-index: 2;
}

.wl-retention-visual__head span {
    display: block;
    font-family: monospace;
    font-size: 10px;
    letter-spacing: .13em;
    color: #38bdf8;
}

.wl-retention-visual__head strong {
    display: block;
    margin-top: 7px;
    font-family: monospace;
    font-size: 13px;
    letter-spacing: .08em;
    color: #e4f3ff;
}

.wl-retention-visual__window {
    position: relative;
    z-index: 2;
    margin-top: 45px;
}

.wl-retention-visual__line {
    position: relative;
    height: 3px;
    background: rgba(56, 189, 248, .12);
    overflow: visible;
}

.wl-retention-visual__active {
    position: absolute;
    left: 0;
    top: 0;
    width: 64%;
    height: 100%;
    background: linear-gradient(
        90deg,
        #4ade80,
        #38bdf8
    );
    box-shadow: 0 0 14px rgba(56,189,248,.22);
}

.wl-retention-visual__active::after {
    content: "";
    position: absolute;
    right: -4px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #38bdf8;
    transform: translateY(-50%);
    box-shadow: 0 0 15px #38bdf8;
    animation: wlRetentionPulse 2s ease-in-out infinite;
}

.wl-retention-visual__lost {
    position: absolute;
    left: 64%;
    right: 0;
    top: 0;
    height: 100%;
    background:
        repeating-linear-gradient(
            90deg,
            rgba(251,191,36,.45) 0 5px,
            transparent 5px 10px
        );
}

.wl-retention-visual__labels {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    font-family: monospace;
    font-size: 9px;
    letter-spacing: .08em;
    color: #718ea3;
}

.wl-retention-visual__labels span:nth-child(2) {
    color: #fbbf24;
}

.wl-retention-visual__stats {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 54px;
    border-top: 1px solid rgba(56,189,248,.13);
    border-bottom: 1px solid rgba(56,189,248,.13);
}

.wl-retention-visual__stat {
    padding: 22px 0;
}

.wl-retention-visual__stat + .wl-retention-visual__stat {
    padding-left: 25px;
    border-left: 1px solid rgba(56,189,248,.13);
}

.wl-retention-visual__stat span {
    display: block;
    font-family: monospace;
    font-size: 9px;
    letter-spacing: .1em;
    color: #718ea3;
}

.wl-retention-visual__stat strong {
    display: block;
    margin-top: 7px;
    font-family: monospace;
    font-size: 14px;
    color: #e4f3ff;
}

.wl-retention-visual__stat--warning strong {
    color: #fbbf24;
}

.wl-retention-visual__footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 23px;
    font-family: monospace;
    font-size: 9px;
    letter-spacing: .09em;
    color: #4ade80;
}

.wl-retention-visual__footer i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 12px #4ade80;
    animation: wlRetentionStatus 1.8s ease-in-out infinite;
}

@keyframes wlRetentionPulse {
    0%, 100% {
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    50% {
        transform: translateY(-50%) scale(1.35);
        opacity: .65;
    }
}

@keyframes wlRetentionStatus {
    0%, 100% { opacity: 1; }
    50% { opacity: .35; }
}

@media (max-width: 900px) {
    .wl-retention-visual {
        min-height: 350px;
        margin-bottom: 30px;
    }
}


/* =========================================================
   WINDOWS SECURITY LOG — IMPORTANT NOTE
========================================================= */
.wl-security-warning-section {
    padding: 56px 0 68px;
    background:
        radial-gradient(circle at 16% 50%, rgba(245, 158, 11, .035), transparent 34%),
        rgba(4, 14, 24, .44);
    border-block: 1px solid rgba(56, 189, 248, .06);
}

.wl-security-warning-section .wl-article-box {
    margin: 0;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 24px;
    padding: 30px 32px;
    border-color: rgba(245, 158, 11, .26);
    background:
        linear-gradient(135deg, rgba(245, 158, 11, .045), rgba(56, 189, 248, .018) 48%, rgba(5, 15, 27, .60));
    box-shadow: inset 0 1px rgba(255,255,255,.012);
}

.wl-security-warning-section .wl-article-box::before {
    width: 92px;
}

.wl-security-warning-section .wl-article-box__icon {
    width: 56px;
    height: 56px;
}

.wl-security-warning-section .wl-article-box__title {
    margin-bottom: 11px;
    font-size: 17px;
}

.wl-security-warning-section .wl-article-box__text {
    max-width: 1180px;
    font-size: 15px;
    line-height: 1.8;
}

@media (max-width: 700px) {
    .wl-security-warning-section {
        padding: 42px 0 48px;
    }

    .wl-security-warning-section .wl-article-box {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 17px;
        padding: 22px 20px;
    }

    .wl-security-warning-section .wl-article-box__icon {
        width: 48px;
        height: 48px;
    }

    .wl-security-warning-section .wl-article-box__title {
        font-size: 16px;
    }

    .wl-security-warning-section .wl-article-box__text {
        font-size: 14px;
        line-height: 1.72;
    }
}

/* =========================================================
   VIDEO STORAGE TOOL — HERO HUD
========================================================= */
.wl-service-hero--video-storage{position:relative;overflow:hidden}
.wl-video-tool-hud{position:relative;min-height:560px;border:1px solid rgba(56,189,248,.16);background:radial-gradient(circle at 58% 45%,rgba(56,189,248,.07),transparent 42%),rgba(3,14,25,.42);overflow:hidden}
.wl-video-tool-hud__grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(56,189,248,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.07) 1px,transparent 1px);background-size:40px 40px}
.wl-video-tool-hud__head{position:absolute;top:28px;left:30px;right:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;z-index:3}
.wl-video-tool-hud__head span,.wl-video-tool-hud__status,.wl-video-tool-hud__footer span{font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#6f91a3}
.wl-video-tool-hud__head strong{display:block;margin-top:5px;color:#e6f6fb;font:700 13px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.wl-video-tool-hud__status{display:flex;align-items:center;gap:8px;color:#4ade80}
.wl-video-tool-hud__status i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 14px #4ade80;animation:wlHudBlink 1.8s ease-in-out infinite}
.wl-video-tool-hud__flow{position:absolute;left:34px;right:34px;top:155px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:18px;z-index:2}
.wl-video-tool-hud__node{position:relative;display:grid;place-items:center;min-height:105px;border:1px solid rgba(56,189,248,.18);background:rgba(4,16,29,.82);text-align:center}
.wl-video-tool-hud__node span{display:block;color:#62849a;font:9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.wl-video-tool-hud__node strong{display:block;margin-top:8px;color:#dcecf5;font-size:13px;line-height:1.3}
.wl-video-tool-hud__node--storage{border-color:rgba(56,189,248,.38);box-shadow:0 0 24px rgba(56,189,248,.07),inset 0 0 25px rgba(56,189,248,.035)}
.wl-video-tool-hud__node--storage strong{color:#38bdf8}
.wl-video-tool-hud__node--ok{border-color:rgba(74,222,128,.3)}
.wl-video-tool-hud__node--ok strong{color:#4ade80}
.wl-video-tool-hud__link{position:absolute;left:12.5%;right:12.5%;top:207px;height:1px;background:repeating-linear-gradient(to right,rgba(56,189,248,.34) 0 7px,transparent 7px 13px);z-index:1}
.wl-video-tool-hud__packet{position:absolute;top:203px;width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 14px #38bdf8;z-index:4;animation:wlVideoPacket 5.5s linear infinite}
.wl-video-tool-hud__packet--2{animation-delay:-2.7s;background:#4ade80;box-shadow:0 0 14px #4ade80}
.wl-video-tool-hud__stats{position:absolute;left:34px;right:34px;bottom:96px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(56,189,248,.12);border-bottom:1px solid rgba(56,189,248,.12);z-index:2}
.wl-video-tool-hud__stats>div{padding:16px 0}
.wl-video-tool-hud__stats>div+div{padding-left:18px;border-left:1px solid rgba(56,189,248,.10)}
.wl-video-tool-hud__stats span{display:block;color:#64879a;font:9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.wl-video-tool-hud__stats strong{display:block;margin-top:6px;color:#e7f5fa;font:700 15px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}
.wl-video-tool-hud__stats>div:last-child strong{color:#38bdf8}
.wl-video-tool-hud__footer{position:absolute;left:34px;right:34px;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}
.wl-video-tool-hud__footer strong{color:#4ade80;font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
@keyframes wlVideoPacket{0%{left:12%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:87%;opacity:0}}
@media(max-width:900px){.wl-video-tool-hud{min-height:500px;margin-top:30px}.wl-video-tool-hud__flow{left:18px;right:18px;grid-template-columns:repeat(2,1fr);top:125px}.wl-video-tool-hud__link,.wl-video-tool-hud__packet{display:none}.wl-video-tool-hud__stats{left:18px;right:18px;bottom:78px}.wl-video-tool-hud__footer{left:18px;right:18px;bottom:26px}}
@media(max-width:560px){.wl-video-tool-hud{min-height:570px}.wl-video-tool-hud__head{left:18px;right:18px}.wl-video-tool-hud__stats{grid-template-columns:1fr}.wl-video-tool-hud__stats>div{padding:9px 0}.wl-video-tool-hud__stats>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(56,189,248,.08)}.wl-video-tool-hud__footer{align-items:flex-start;flex-direction:column;gap:5px}}


/* =========================================================
   BACKUP READINESS TOOL — HERO HUD
========================================================= */
.wl-service-hero--backup-readiness{position:relative;overflow:hidden}
.wl-backup-tool-hud{position:relative;min-height:560px;border:1px solid rgba(56,189,248,.16);background:radial-gradient(circle at 52% 45%,rgba(56,189,248,.065),transparent 43%),rgba(3,14,25,.42);overflow:hidden}
.wl-backup-tool-hud__grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(56,189,248,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.07) 1px,transparent 1px);background-size:40px 40px;animation:wlHudGridDrift 18s linear infinite}
.wl-backup-tool-hud__head{position:absolute;top:28px;left:30px;right:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;z-index:3}
.wl-backup-tool-hud__head span,.wl-backup-tool-hud__status,.wl-backup-tool-hud__footer span{font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#6f91a3}
.wl-backup-tool-hud__head strong{display:block;margin-top:5px;color:#e6f6fb;font:700 13px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.wl-backup-tool-hud__status{display:flex;align-items:center;gap:8px;color:#4ade80}
.wl-backup-tool-hud__status i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 14px #4ade80;animation:wlHudBlink 1.8s ease-in-out infinite}
.wl-backup-tool-hud__flow{position:absolute;left:34px;right:34px;top:144px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;z-index:2}
.wl-backup-tool-hud__node{position:relative;display:grid;place-items:center;min-height:112px;border:1px solid rgba(56,189,248,.18);background:rgba(4,16,29,.82);text-align:center;box-shadow:inset 0 0 22px rgba(56,189,248,.02)}
.wl-backup-tool-hud__node::after{content:"";position:absolute;top:50%;right:-19px;width:18px;height:1px;background:repeating-linear-gradient(to right,rgba(56,189,248,.35) 0 5px,transparent 5px 9px)}
.wl-backup-tool-hud__node:last-child::after{display:none}
.wl-backup-tool-hud__node span{display:block;color:#62849a;font:9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.wl-backup-tool-hud__node strong{display:block;margin-top:8px;color:#dcecf5;font-size:13px;line-height:1.3}
.wl-backup-tool-hud__node--isolated{border-color:rgba(56,189,248,.38);box-shadow:0 0 24px rgba(56,189,248,.07),inset 0 0 25px rgba(56,189,248,.035)}
.wl-backup-tool-hud__node--isolated strong{color:#38bdf8}
.wl-backup-tool-hud__node--restore{border-color:rgba(74,222,128,.32)}
.wl-backup-tool-hud__node--restore strong{color:#4ade80}
.wl-backup-tool-hud__scan{position:absolute;left:34px;right:34px;top:292px;height:1px;background:rgba(56,189,248,.12);overflow:visible}
.wl-backup-tool-hud__scan::before{content:"";position:absolute;top:-2px;left:0;width:70px;height:5px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);filter:drop-shadow(0 0 6px #38bdf8);animation:wlBackupScan 4.8s ease-in-out infinite}
.wl-backup-tool-hud__score{position:absolute;left:34px;right:34px;bottom:96px;display:grid;grid-template-columns:1.3fr .7fr;border-top:1px solid rgba(56,189,248,.12);border-bottom:1px solid rgba(56,189,248,.12);z-index:2}
.wl-backup-tool-hud__score>div{padding:17px 0}
.wl-backup-tool-hud__score>div+div{padding-left:18px;border-left:1px solid rgba(56,189,248,.10)}
.wl-backup-tool-hud__score span{display:block;color:#64879a;font:9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.wl-backup-tool-hud__score strong{display:block;margin-top:6px;color:#e7f5fa;font:700 15px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}
.wl-backup-tool-hud__score>div:first-child strong{color:#4ade80}
.wl-backup-tool-hud__footer{position:absolute;left:34px;right:34px;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}
.wl-backup-tool-hud__footer strong{color:#38bdf8;font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
@keyframes wlBackupScan{0%{left:0;opacity:0}10%{opacity:1}50%{opacity:.9}90%{opacity:1}100%{left:calc(100% - 70px);opacity:0}}
@media(max-width:900px){.wl-backup-tool-hud{min-height:510px;margin-top:30px}.wl-backup-tool-hud__flow{left:18px;right:18px;top:120px;grid-template-columns:repeat(2,1fr)}.wl-backup-tool-hud__node::after{display:none}.wl-backup-tool-hud__scan{display:none}.wl-backup-tool-hud__score{left:18px;right:18px;bottom:80px}.wl-backup-tool-hud__footer{left:18px;right:18px;bottom:28px}}
@media(max-width:560px){.wl-backup-tool-hud{min-height:570px}.wl-backup-tool-hud__head{left:18px;right:18px}.wl-backup-tool-hud__score{grid-template-columns:1fr}.wl-backup-tool-hud__score>div{padding:10px 0}.wl-backup-tool-hud__score>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(56,189,248,.08)}.wl-backup-tool-hud__footer{align-items:flex-start;flex-direction:column;gap:5px}}

/* =========================================================
   WINDOWS SERVER SECURITY CHECK — HERO HUD
========================================================= */
.wl-service-hero--server-security{position:relative;overflow:hidden}
.wl-server-tool-hud{position:relative;min-height:560px;border:1px solid rgba(56,189,248,.16);background:radial-gradient(circle at 54% 45%,rgba(56,189,248,.07),transparent 44%),rgba(3,14,25,.42);overflow:hidden}
.wl-server-tool-hud__grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(56,189,248,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.07) 1px,transparent 1px);background-size:40px 40px;animation:wlHudGridDrift 18s linear infinite}
.wl-server-tool-hud__head{position:absolute;top:28px;left:30px;right:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;z-index:4}
.wl-server-tool-hud__head span,.wl-server-tool-hud__status,.wl-server-tool-hud__footer span{font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#6f91a3}
.wl-server-tool-hud__head strong{display:block;margin-top:5px;color:#e6f6fb;font:700 13px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.wl-server-tool-hud__status{display:flex;align-items:center;gap:8px;color:#4ade80}.wl-server-tool-hud__status i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 14px #4ade80;animation:wlHudBlink 1.8s ease-in-out infinite}
.wl-server-tool-hud__flow{position:absolute;left:26px;right:26px;top:143px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;z-index:3}
.wl-server-tool-hud__node{position:relative;display:grid;place-items:center;min-height:104px;padding:10px;border:1px solid rgba(56,189,248,.18);background:rgba(4,16,29,.82);text-align:center;box-shadow:inset 0 0 22px rgba(56,189,248,.02)}
.wl-server-tool-hud__node::after{content:"";position:absolute;top:50%;right:-14px;width:13px;height:1px;background:repeating-linear-gradient(to right,rgba(56,189,248,.4) 0 4px,transparent 4px 7px)}.wl-server-tool-hud__node:last-child::after{display:none}
.wl-server-tool-hud__node span{display:block;color:#62849a;font:9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.wl-server-tool-hud__node strong{display:block;margin-top:7px;color:#dcecf5;font-size:11px;line-height:1.3}
.wl-server-tool-hud__node--firewall{border-color:rgba(56,189,248,.38)}.wl-server-tool-hud__node--firewall strong{color:#38bdf8}.wl-server-tool-hud__node--server{border-color:rgba(74,222,128,.32);box-shadow:0 0 25px rgba(74,222,128,.06),inset 0 0 24px rgba(74,222,128,.03)}.wl-server-tool-hud__node--server strong{color:#4ade80}
.wl-server-tool-hud__pulse{position:absolute;top:190px;left:8%;width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 14px #38bdf8;z-index:5;animation:wlServerPulse 5.2s linear infinite}.wl-server-tool-hud__pulse--2{animation-delay:-2.6s;background:#4ade80;box-shadow:0 0 14px #4ade80}
.wl-server-tool-hud__stats{position:absolute;left:30px;right:30px;bottom:96px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(56,189,248,.12);border-bottom:1px solid rgba(56,189,248,.12);z-index:3}.wl-server-tool-hud__stats>div{padding:17px 0}.wl-server-tool-hud__stats>div+div{padding-left:18px;border-left:1px solid rgba(56,189,248,.10)}.wl-server-tool-hud__stats span{display:block;color:#64879a;font:9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.wl-server-tool-hud__stats strong{display:block;margin-top:6px;color:#e7f5fa;font:700 15px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.wl-server-tool-hud__stats>div:first-child strong{color:#38bdf8}.wl-server-tool-hud__stats>div:last-child strong{color:#4ade80}
.wl-server-tool-hud__footer{position:absolute;left:30px;right:30px;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}.wl-server-tool-hud__footer strong{color:#38bdf8;font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
@keyframes wlServerPulse{0%{left:5%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:94%;opacity:0}}
@media(max-width:900px){.wl-server-tool-hud{min-height:540px;margin-top:30px}.wl-server-tool-hud__flow{left:18px;right:18px;top:118px;grid-template-columns:repeat(3,1fr)}.wl-server-tool-hud__node:nth-child(4),.wl-server-tool-hud__node:nth-child(5){grid-column:span 1}.wl-server-tool-hud__node::after,.wl-server-tool-hud__pulse{display:none}.wl-server-tool-hud__stats{left:18px;right:18px;bottom:82px}.wl-server-tool-hud__footer{left:18px;right:18px;bottom:28px}}
@media(max-width:560px){.wl-server-tool-hud{min-height:680px}.wl-server-tool-hud__head{left:18px;right:18px}.wl-server-tool-hud__flow{grid-template-columns:1fr 1fr}.wl-server-tool-hud__node:last-child{grid-column:1/-1}.wl-server-tool-hud__stats{grid-template-columns:1fr}.wl-server-tool-hud__stats>div{padding:9px 0}.wl-server-tool-hud__stats>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(56,189,248,.08)}.wl-server-tool-hud__footer{align-items:flex-start;flex-direction:column;gap:5px}}


/* =========================================================
   WEB-LABS / EDUCATION QUALITY / training-quality page
   WordPress page content; never add inline styles to HTML.
========================================================= */

.wl-qc-page {max-width:var(--wl-max-width); width:min(calc(100% - 40px),var(--wl-max-width)); margin-inline:auto; --qc-border: rgba(56,189,248,.19); --qc-ink: #e8f4fa; --qc-muted: #9bb3c2; color:var(--qc-ink); font-size:15px; line-height:1.75;}
.wl-qc-page *, .wl-qc-page *::before, .wl-qc-page *::after {box-sizing:border-box;}
.wl-qc-page section {margin:0;}
.wl-qc-page h2, .wl-qc-page h3, .wl-qc-page p {margin-top:0;}
.wl-qc-page h2 em {font-style:normal;color:#38bdf8;}
.wl-qc-page p {color:var(--qc-muted);}
.wl-qc-page a {text-decoration:none;}
.wl-qc-page .wl-qc-kicker, .wl-qc-page .wl-qc-section__head > span, .wl-qc-page .wl-qc-area > span, .wl-qc-page .wl-qc-criteria article > span, .wl-qc-page .wl-qc-process li > div > span, .wl-qc-page .wl-qc-evidence__header, .wl-qc-page .wl-qc-limits div > span, .wl-qc-page .wl-qc-end > div > span {font:700 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.14em;color:#82abc0;}
.wl-qc-intro {position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(35px,5vw,75px);align-items:center;overflow:hidden;padding:clamp(29px,4.3vw,56px);border:1px solid rgba(56,189,248,.24);background:radial-gradient(circle at 4% 5%,rgba(56,189,248,.09),transparent 50%),linear-gradient(118deg,#0a2030,#061421 72%,#091b27);}
.wl-qc-intro__mesh {position:absolute;inset:0;z-index:-1;opacity:.28;pointer-events:none;background-image:linear-gradient(rgba(56,189,248,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.07) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent 0%,#000 100%);}
.wl-qc-kicker span {color:#4ade80;}
.wl-qc-page .wl-qc-intro h2 {margin:18px 0 24px;max-width:770px;color:#f3fbff;font-size:clamp(44px,4.7vw,72px);letter-spacing:-.05em;line-height:1.06;font-weight:770;}
.wl-qc-page .wl-qc-intro__lead {font-size:clamp(16px,1.4vw,19px);line-height:1.63;color:#d7e8f2;margin-bottom:18px;}
.wl-qc-page .wl-qc-intro__copy > p:not(.wl-qc-intro__lead) {max-width:730px;font-size:14px;line-height:1.75;margin-bottom:0;}
.wl-qc-intro__meta {display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;margin-top:33px;padding-top:20px;border-top:1px solid rgba(56,189,248,.12);font:700 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#7da3b8;}
.wl-qc-intro__meta span:first-child {color:#4ade80;}
.wl-qc-intro__meta i {display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.7);}
.wl-qc-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-self:stretch;align-content:center;}
.wl-qc-stat {min-width:0;min-height:176px;padding:23px 20px;border:1px solid var(--qc-border);background:rgba(4,17,29,.75);display:flex;flex-direction:column;}
.wl-qc-stat > span {color:#7598b0;font:700 9px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.08em;}
.wl-qc-stat strong {display:block;margin:auto 0 0;font:760 clamp(44px,4vw,68px)/1 ui-monospace,Consolas,monospace;letter-spacing:-.08em;color:#38bdf8;}
.wl-qc-stat small {margin-top:11px;font-size:12px;color:#a0bbc9;}
.wl-qc-stats__footer {grid-column:1/-1;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 2px 0;font:700 9px/1.55 ui-monospace,Consolas,monospace;letter-spacing:.09em;color:#60879a;}
.wl-qc-stats__footer b {font-weight:700;color:#87baca;}
.wl-qc-page .wl-qc-section {padding:110px 0 8px;}
.wl-qc-section__head {max-width:800px;margin-bottom:34px;}
.wl-qc-page .wl-qc-section__head > h2 {margin:12px 0 16px;font-size:clamp(38px,4vw,60px);font-weight:740;color:#f0f8fc;letter-spacing:-.038em;line-height:1.15;}
.wl-qc-section__head > p {max-width:760px;margin-bottom:0!important;font-size:15px;line-height:1.75;}
.wl-qc-areas {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}
.wl-qc-area {position:relative;min-width:0;padding:28px 29px;min-height:203px;border:1px solid var(--qc-border);background:linear-gradient(140deg,rgba(11,34,49,.8),rgba(4,18,29,.65));}
.wl-qc-area::before {content:"";position:absolute;left:0;top:0;width:52px;height:2px;background:#38bdf8;}
.wl-qc-page .wl-qc-area h3 {margin:15px 0 10px;font-size:22px;line-height:1.25;letter-spacing:-.025em;color:#e7f4fa;}
.wl-qc-page .wl-qc-area p {font-size:14px;line-height:1.72;margin-bottom:0;}
.wl-qc-section--process {position:relative;}
.wl-qc-process {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0!important;padding:0!important;counter-reset:none;}
.wl-qc-page .wl-qc-process li {position:relative;min-width:0;display:flex;flex-direction:column;gap:16px;margin:0;padding:24px 20px 28px;border:1px solid var(--qc-border);background:rgba(7,26,40,.73);}
.wl-qc-process li:not(:last-child)::after {content:"→";position:absolute;right:-10px;top:37px;z-index:1;display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(56,189,248,.3);background:#071827;color:#38bdf8;font-size:13px;}
.wl-qc-process__number {display:grid;place-items:center;width:49px;height:49px;border:1px solid rgba(56,189,248,.4);color:#38bdf8;font:700 20px/1 ui-monospace,Consolas,monospace;background:rgba(56,189,248,.055);}
.wl-qc-process li:last-child .wl-qc-process__number {border-color:rgba(74,222,128,.55);color:#4ade80;}
.wl-qc-process li > div > span {font-size:9px;}
.wl-qc-page .wl-qc-process h3 {margin:10px 0;font-size:19px;line-height:1.2;letter-spacing:-.02em;color:#e5f2fa;}
.wl-qc-page .wl-qc-process p {margin-bottom:0;font-size:13px;line-height:1.72;}
.wl-qc-criteria {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
.wl-qc-criteria article {min-width:0;padding:25px;border:1px solid var(--qc-border);background:rgba(10,27,42,.68);}
.wl-qc-page .wl-qc-criteria h3 {margin:15px 0 12px;font-size:21px;line-height:1.2;color:#e8f4fa;}
.wl-qc-page .wl-qc-criteria p {margin:0;font-size:14px;line-height:1.75;}
.wl-qc-evidence {overflow:hidden;border:1px solid rgba(56,189,248,.3);background:#081b2a;}
.wl-qc-evidence__header {display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:17px 25px;border-bottom:1px solid rgba(56,189,248,.19);color:#9cc9d9;}
.wl-qc-evidence__header strong {color:#4ade80;font:inherit;}
.wl-qc-evidence__items {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.wl-qc-evidence__items > div {min-width:0;padding:25px;border-right:1px solid rgba(56,189,248,.12);}
.wl-qc-evidence__items > div:last-child {border-right:0;}
.wl-qc-evidence__items b {font-size:17px;line-height:1.35;color:#e7f7fa;}
.wl-qc-page .wl-qc-evidence__items p {margin:13px 0 0;font-size:13px;line-height:1.8;}
.wl-qc-page .wl-qc-smallprint {margin:18px 0 0;color:#7c9bac;font-size:12px;line-height:1.7;}
.wl-qc-page .wl-qc-limits {display:grid;grid-template-columns:50px minmax(0,1fr);gap:20px;margin-top:84px;padding:32px;border:1px solid rgba(255,190,120,.24);background:linear-gradient(125deg,rgba(49,35,20,.4),rgba(11,24,34,.86));}
.wl-qc-limits__icon {display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(251,191,99,.4);color:#facb87;font:bold 28px ui-monospace,Consolas,monospace;}
.wl-qc-limits div > span {color:#facb87;}
.wl-qc-page .wl-qc-limits h2 {margin:9px 0 14px;color:#f1f5f9;font-size:clamp(25px,3vw,34px);font-weight:740;letter-spacing:-.025em;line-height:1.2;}
.wl-qc-page .wl-qc-limits h2 em {color:#f4c58c;}
.wl-qc-page .wl-qc-limits p {max-width:1000px;margin:0 0 15px;color:#bcbdc1;font-size:14px;line-height:1.77;}
.wl-qc-page .wl-qc-limits p:last-child {margin-bottom:0;}
.wl-qc-page .wl-qc-end {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:30px;align-items:center;margin-top:48px;padding:40px;border:1px solid rgba(56,189,248,.23);background:radial-gradient(circle at right,rgba(56,189,248,.065),transparent 52%),#091d2c;}
.wl-qc-page .wl-qc-end h2 {margin:12px 0 16px;font-size:clamp(26px,3vw,40px);color:#e9f8ff;line-height:1.18;letter-spacing:-.03em;}
.wl-qc-page .wl-qc-end p {font-size:14px;line-height:1.75;margin:0;}
.wl-qc-end__actions {display:flex;flex-direction:column;gap:12px;align-items:stretch;}
.wl-qc-page .wl-qc-end__actions .wl-btn {display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:51px;line-height:1.3;text-align:center;}
.wl-qc-page .wl-qc-end__actions .wl-btn--ghost {border-color:rgba(56,189,248,.29);}


@media(max-width:1150px){.wl-qc-intro{grid-template-columns:1fr}.wl-qc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-qc-process{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-qc-process li:nth-child(2)::after{display:none}}
@media(max-width:800px){.wl-qc-page .wl-qc-section{padding-top:67px}.wl-qc-criteria,.wl-qc-evidence__items{grid-template-columns:1fr}.wl-qc-evidence__items>div{border-right:0;border-bottom:1px solid rgba(56,189,248,.12)}.wl-qc-evidence__items>div:last-child{border-bottom:0}.wl-qc-end{grid-template-columns:1fr!important}}
@media(max-width:580px){.wl-qc-intro{padding:24px 18px}.wl-qc-page .wl-qc-intro h2{font-size:34px}.wl-qc-stats{gap:8px}.wl-qc-stat{min-height:154px;padding:16px 11px}.wl-qc-stat>span{font-size:8px}.wl-qc-stat strong{font-size:51px}.wl-qc-areas,.wl-qc-process{grid-template-columns:1fr}.wl-qc-area{padding:24px}.wl-qc-process li::after{display:none!important}.wl-qc-page .wl-qc-limits{grid-template-columns:1fr;padding:23px 19px}.wl-qc-page .wl-qc-end{padding:26px 20px}.wl-qc-evidence__header{padding:15px 17px}}
@media(prefers-reduced-motion:reduce){.wl-qc-page *{scroll-behavior:auto!important}}

/* CTA on education page to the quality-control document. */
.wl-training-ai__quality-link{display:inline-flex;align-items:center;gap:19px;margin-top:21px;padding:12px 17px;border:1px solid rgba(56,189,248,.32);color:#d7f5fd!important;font-size:13px;font-weight:700;text-decoration:none!important;background:rgba(56,189,248,.05);transition:background .2s,border-color .2s;}
.wl-training-ai__quality-link:hover{background:rgba(56,189,248,.13);border-color:rgba(56,189,248,.55)}
.wl-training-ai__quality-link span{color:#38bdf8;font-size:19px}

/* 1.0.14: one WEB-LABS page standard (service landings + training-quality).
   All landings share --wl-max-width = 1440px, and a consistent 40px/30px gutter.
   Do not add one-off max-width values or inline styles to WordPress content. */
.wl-landing-page--quality .wl-qc-page {
    width:min(calc(100% - 40px),var(--wl-max-width));
    max-width:var(--wl-max-width);
    margin-inline:auto;
}
.wl-landing-page--quality {
    min-height:100vh;
    padding-top:140px;
    padding-bottom:115px;
    background:var(--wl-bg);
}
/* Match service-page hero alignment: no independent inset inside 1440px grid. */
.wl-landing-page--quality .wl-qc-intro {
    min-height:620px;
    padding:60px 0 90px;
    border:0;
    background:transparent;
}
.wl-landing-page--quality .wl-qc-intro__mesh {opacity:.15;}
.wl-quality-page__sr-title {
    position:absolute!important;
    width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;border:0!important;
}
@media(max-width:700px){
    .wl-qc-page,
    .wl-landing-page--quality .wl-qc-page {
        width:min(calc(100% - 30px),var(--wl-max-width));
    }
    .wl-landing-page--quality {
        padding-top:105px;
        padding-bottom:75px;
    }
    .wl-qc-page .wl-qc-section {padding-top:68px;}
    .wl-landing-page--quality .wl-qc-intro {min-height:0;padding:28px 0 56px;}
}


/* =========================================================
   WEB-LABS / QUALITY REVIEW HUD — v1.0.15
   Animated, interactive visualization inside the existing hero.
   Script-enhanced only; original stats remain visible and readable.
========================================================= */
.wl-qc-stats--enhanced{align-content:center;gap:10px;}
.wl-qcv{position:relative;isolation:isolate;grid-column:1/-1;min-width:0;border:1px solid rgba(56,189,248,.25);background:radial-gradient(circle at 50% 46%,rgba(18,70,97,.18),transparent 65%),linear-gradient(145deg,#061421 10%,#081a29 100%);overflow:hidden;box-shadow:inset 0 1px 0 rgba(135,224,255,.055),0 20px 55px rgba(0,0,0,.14);}
.wl-qcv::before,.wl-qcv::after{content:"";position:absolute;z-index:3;pointer-events:none;height:2px;width:44px;background:#38bdf8;box-shadow:0 0 16px rgba(56,189,248,.65)}
.wl-qcv::before{top:0;left:0}.wl-qcv::after{bottom:0;right:0;background:#4ade80;box-shadow:0 0 16px rgba(74,222,128,.46)}
.wl-qcv__head{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 12px;align-items:center;min-height:51px;padding:15px 18px;border-bottom:1px solid rgba(56,189,248,.15);font:700 9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.13em;color:#8eb5c9}
.wl-qcv__head>span:first-child{color:#b8def1}.wl-qcv__schematic{color:#4ade80;font-size:8px}
.wl-qcv__stage{position:relative;height:308px;overflow:hidden;}
.wl-qcv__grid{position:absolute;inset:0;pointer-events:none;opacity:.39;background-image:linear-gradient(rgba(56,189,248,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.055) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 80%)}
.wl-qcv__radar{position:absolute;left:50%;top:50%;width:204px;height:204px;transform:translate(-50%,-50%);border:1px solid rgba(56,189,248,.13);border-radius:50%;pointer-events:none;}
.wl-qcv__radar i{position:absolute;display:block;border-radius:50%;border:1px dashed rgba(56,189,248,.15);inset:20px;animation:wlQcvRotate 29s linear infinite}
.wl-qcv__radar i:nth-child(2){inset:48px;border:1px solid rgba(56,189,248,.14);animation:wlQcvRotate 20s linear infinite reverse}
.wl-qcv__radar i:nth-child(3){inset:0;border:0;background:conic-gradient(from 0deg,transparent 0deg,transparent 292deg,rgba(56,189,248,.11) 341deg,transparent 360deg);animation:wlQcvRotate 8s linear infinite;}
.wl-qcv__paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;}
.wl-qcv__track{fill:none;stroke:rgba(56,189,248,.22);stroke-width:1.3;stroke-dasharray:5 9;}
.wl-qcv__signal{fill:none;stroke:#38bdf8;stroke-width:2.1;stroke-dasharray:18 115;filter:drop-shadow(0 0 4px rgba(56,189,248,.7));animation:wlQcvDash 5s linear infinite;}
.wl-qcv__signal--two{animation-duration:3.3s;animation-delay:-1.3s;}
.wl-qcv__signal--three{stroke:#4ade80;animation-duration:5s;animation-delay:-2.6s;}
.wl-qcv__branch{fill:none;stroke:rgba(56,189,248,.09);stroke-width:1;stroke-dasharray:2 9;}
.wl-qcv__junction{fill:#38bdf8;opacity:.65;filter:drop-shadow(0 0 6px rgba(56,189,248,.75));animation:wlQcvFlicker 2.8s ease-in-out infinite;}
.wl-qcv__core{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:131px;height:105px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(56,189,248,.21);background:radial-gradient(ellipse,#0a2a3a 0%,#061523 74%);box-shadow:0 0 40px rgba(56,189,248,.065);pointer-events:none;text-align:center;}
.wl-qcv__core small,.wl-qcv__core em{font:700 8px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.15em;color:#6c9aaa;}
.wl-qcv__core strong{font:800 17px/1.2 ui-monospace,Consolas,monospace;letter-spacing:-.06em;color:#f1fdff;white-space:nowrap;}
.wl-qcv__core strong span{color:#4ade80;margin:0 3px;}
.wl-qcv__core em{font-style:normal;color:#38bdf8;font-size:7px;}
.wl-qcv__node{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:119px;min-height:86px;padding:9px 8px;border:1px solid rgba(56,189,248,.33);border-radius:2px;background:rgba(4,17,28,.97);color:#b7d3e4;font:inherit;text-align:center;cursor:pointer;transform:translate(-50%,-50%);transition:border-color .23s,background .23s,box-shadow .23s;}
.wl-qcv__node::after{content:"";position:absolute;top:-1px;left:0;width:36px;height:2px;background:#38bdf8;opacity:.8;}
.wl-qcv__node--author{top:29%;left:24%}.wl-qcv__node--chatgpt{top:29%;left:76%}.wl-qcv__node--gemini{top:71%;left:76%}.wl-qcv__node--final{top:71%;left:24%;border-color:rgba(74,222,128,.28)}
.wl-qcv__node--final::after{background:#4ade80}.wl-qcv__node-index{color:#6a91a6;font:700 8px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;}
.wl-qcv__node strong{display:block;color:#e5faff;font-size:14px;font-weight:800;line-height:1.3;font-family:inherit;letter-spacing:-.025em;}
.wl-qcv__node small{display:block;color:#82a7b9;font:650 8px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.045em;}
.wl-qcv__node:is(:hover,:focus-visible,[aria-pressed="true"]){outline:none;border-color:#38bdf8;background:rgba(9,42,59,.97);box-shadow:0 0 24px rgba(56,189,248,.16),inset 0 0 18px rgba(56,189,248,.045);}
.wl-qcv__node--final:is(:hover,:focus-visible,[aria-pressed="true"]){border-color:#4ade80;box-shadow:0 0 22px rgba(74,222,128,.12)}
.wl-qcv__node:focus-visible{outline:2px solid #fff;outline-offset:4px}
.wl-qcv__detail{position:relative;z-index:2;min-height:85px;padding:12px 18px;border-top:1px solid rgba(56,189,248,.14);background:rgba(5,21,33,.78);}
.wl-qcv__detail span{display:block;color:#38bdf8;font:700 9px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.13em;}
.wl-qc-page .wl-qcv__detail p{margin:5px 0 0!important;color:#b7cbd8;font-size:12px;line-height:1.55;}
.wl-qcv__footer{display:flex;gap:9px;align-items:center;padding:10px 18px;border-top:1px solid rgba(56,189,248,.08);color:#7197a9;font:650 9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.045em;}
.wl-qcv__footer i{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.52);flex:none;animation:wlQcvFlicker 3s ease-in-out infinite;}
.wl-qc-stats--enhanced .wl-qc-stat{min-height:125px;padding:17px 18px;transition:background .2s,border-color .2s;}
.wl-qc-stats--enhanced .wl-qc-stat:hover{border-color:rgba(56,189,248,.38);background:rgba(10,32,48,.88)}
.wl-qc-stats--enhanced .wl-qc-stat strong{font-size:clamp(34px,3.2vw,49px);margin-top:12px;}
.wl-qc-stats--enhanced .wl-qc-stats__footer{padding:8px 2px 0;}
@keyframes wlQcvDash{to{stroke-dashoffset:-133}}
@keyframes wlQcvRotate{to{transform:rotate(360deg)}}
@keyframes wlQcvFlicker{50%{opacity:.35}}
@media(max-width:1150px){.wl-qcv__stage{height:320px}.wl-qcv__node{width:124px;}}
@media(max-width:650px){.wl-qcv__head{padding:13px 11px;font-size:8px}.wl-qcv__stage{height:286px}.wl-qcv__node{width:105px;min-height:79px;padding:8px 5px}.wl-qcv__node strong{font-size:12px}.wl-qcv__node small{font-size:7px}.wl-qcv__core{width:111px;height:88px}.wl-qcv__core strong{font-size:14px}.wl-qcv__radar{width:170px;height:170px}.wl-qcv__detail{padding:12px}.wl-qcv__footer{padding:10px 12px}.wl-qc-stats--enhanced .wl-qc-stat{min-height:122px;padding:14px 12px}.wl-qc-stats--enhanced .wl-qc-stat strong{font-size:39px}}
@media(max-width:360px){.wl-qcv__node{width:92px}.wl-qcv__node--author,.wl-qcv__node--final{left:22%}.wl-qcv__node--chatgpt,.wl-qcv__node--gemini{left:78%}.wl-qcv__core{width:93px}.wl-qcv__core strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wl-qcv__radar i,.wl-qcv__signal,.wl-qcv__junction,.wl-qcv__footer i{animation:none!important}.wl-qcv__node{transition:none!important}}