.wn-sol-page{--navy:#061727;--navy2:#0a2239;--blue:#087cff;--ink:#0b2035;--muted:#667f94;--line:#d9e5ee;--pale:#f2f7fb}.wn-sol-page *{box-sizing:border-box}.wn-sol-wrap{width:min(1280px,calc(100% - 64px));margin:auto}.wn-sol-kicker{margin:0 0 14px;color:#1889ff;font-size:10px;font-weight:800;letter-spacing:.16em}.wn-sol-page h1,.wn-sol-page h2,.wn-sol-page h3,.wn-sol-page p{margin-top:0}.wn-sol-hero{padding:105px 0 88px;background:radial-gradient(circle at 82% 30%,#0d3557 0,transparent 34%),var(--navy);color:#fff;overflow:hidden}.wn-sol-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.wn-sol-hero h1{font-size:62px;line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.wn-sol-hero h1 span{color:#2696ff}.wn-sol-lead{max-width:590px;color:#a9bfd1;font-size:16px;line-height:1.65}.wn-sol-actions{display:flex;gap:20px;align-items:center;margin-top:30px}.wn-sol-btn{display:inline-flex;padding:14px 19px;border-radius:5px;background:var(--blue);color:#fff!important;text-decoration:none;font-size:12px;font-weight:800}.wn-sol-text-link{color:#fff!important;text-decoration:none;font-size:12px;font-weight:750}.wn-sol-text-link span{color:#43a7ff;margin-left:6px}.wn-sol-hero-visual{min-width:0}.wn-sol-intro{padding:86px 0;background:#fff}.wn-sol-intro-grid,.wn-sol-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px}.wn-sol-intro h2,.wn-sol-heading h2,.wn-sol-fit h2{font-size:42px;line-height:1.05;letter-spacing:-.04em;color:var(--ink)}.wn-sol-intro-grid>div:last-child p,.wn-sol-heading>p{color:var(--muted);font-size:14px;line-height:1.75}.wn-sol-catalog{padding:82px 0 94px;background:var(--pale)}.wn-sol-heading{align-items:end;margin-bottom:38px}.wn-sol-heading>p{max-width:500px}.wn-sol-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wn-sol-card{overflow:hidden;border:1px solid #d6e3ed;border-radius:14px;background:#fff;box-shadow:0 14px 35px rgba(15,49,76,.055)}.wn-sol-card-featured{grid-column:1/-1;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;background:#fff}.wn-sol-card-copy{padding:30px}.wn-sol-card-featured .wn-sol-card-copy{padding:44px}.wn-sol-num{display:block;margin-bottom:22px;color:#86a5bd;font-size:11px;font-weight:800}.wn-sol-label{color:#1689ff;font-size:9px;font-weight:850;letter-spacing:.13em}.wn-sol-card h3{margin:9px 0 14px;color:var(--ink);font-size:27px;line-height:1.08;letter-spacing:-.03em}.wn-sol-card-copy>p:not(.wn-sol-label){color:var(--muted);font-size:12px;line-height:1.6}.wn-sol-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:19px}.wn-sol-tags span{padding:6px 9px;border:1px solid #d8e7f2;border-radius:999px;background:#f5faff;color:#58758c;font-size:8px;font-weight:750}.wn-sol-card-visual{padding:0 20px 20px}.wn-sol-card-featured .wn-sol-card-visual{padding:24px 28px 24px 0}.wn-sol-card-dark{background:linear-gradient(145deg,#071d32,#0b2d4d);border-color:#16466d}.wn-sol-card-dark h3{color:#fff}.wn-sol-card-dark .wn-sol-card-copy>p:not(.wn-sol-label){color:#a9bfd1}.wn-sol-card-dark .wn-sol-tags span{border-color:#245476;background:#103654;color:#b5cde0}.wn-sol-connected{padding:88px 0;background:radial-gradient(circle at 75% 45%,#103b60 0,transparent 35%),var(--navy);color:#fff}.wn-sol-connected-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.wn-sol-connected h2{font-size:43px;line-height:1.05;letter-spacing:-.04em}.wn-sol-connected p:not(.wn-sol-kicker){max-width:520px;color:#a7bfd2;line-height:1.7}.wn-sol-fit{padding:90px 0;background:#fff}.wn-sol-fit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.wn-sol-fit-list p{display:grid;grid-template-columns:44px 1fr;gap:14px;margin:0;padding:17px 0;border-top:1px solid var(--line);color:#314c62;font-size:13px}.wn-sol-fit-list span{color:#1689ff;font-size:10px;font-weight:800}.wn-sol-final{padding:78px 0;background:linear-gradient(110deg,#071b2e,#0b3152);color:#fff}.wn-sol-final-grid{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center}.wn-sol-final h2{font-size:44px;line-height:1.02;letter-spacing:-.04em}.wn-sol-final p:not(.wn-sol-kicker){max-width:650px;color:#adc3d4;line-height:1.65}.wn-sol-final-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.wn-sol-final-grid>div:last-child span{color:#7f9cb2;font-size:9px}.wn-sv{position:relative;border:1px solid #cbddea;border-radius:11px;background:#fff;box-shadow:0 22px 50px rgba(0,0,0,.12);overflow:hidden;color:#1a344b}.wn-sv-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #e5edf3;background:#f8fbfd;font-size:7px;color:#7890a3}.wn-sv-dots{letter-spacing:3px}.wn-sv-body{display:grid;grid-template-columns:100px 1fr;min-height:245px}.wn-sv-nav{padding:15px 9px;background:#0a2944;color:#7798b2;font-size:7px}.wn-sv-nav b{display:block;color:#fff;margin-bottom:13px;font-size:9px}.wn-sv-nav span{display:block;padding:7px;border-radius:4px}.wn-sv-nav .on{background:#124b78;color:#fff}.wn-sv-main{padding:16px}.wn-sv-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wn-sv-title b{font-size:11px}.wn-sv-badge{padding:4px 7px;border-radius:999px;background:#e9f8ef;color:#19865a;font-size:6px}.wn-sv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.wn-sv-stat{padding:9px;border:1px solid #e0eaf1;border-radius:6px;background:#fafcfe}.wn-sv-stat small{display:block;color:#8499aa;font-size:6px}.wn-sv-stat strong{font-size:15px}.wn-sv-table{margin-top:11px}.wn-sv-row{display:grid;grid-template-columns:1.3fr .7fr .5fr;gap:8px;padding:7px 3px;border-top:1px solid #edf2f6;font-size:6px;color:#6b8295}.wn-sv-row b{color:#1886e6}.wn-sv-flow{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:30px 18px}.wn-sv-node{flex:1;padding:14px 8px;border:1px solid #d6e5f0;border-radius:8px;background:#f8fbfd;text-align:center;font-size:7px;font-weight:800}.wn-sv-arrow{color:#1689ff;font-weight:900}.wn-sv-ai{padding:18px}.wn-sv-chat{padding:12px;border:1px solid #dce8f1;border-radius:8px;background:#f8fbfd;font-size:7px;line-height:1.55}.wn-sv-answer{margin-top:8px;padding:11px;border-left:2px solid #1689ff;background:#eef7ff}.wn-sv-doc{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;padding:16px}.wn-sv-paper{min-height:160px;padding:14px;background:#f6f8fa;border:1px solid #dfe7ed}.wn-sv-line{height:5px;margin:7px 0;background:#dce5ec}.wn-sv-fields span{display:block;margin-bottom:7px;padding:9px;border:1px solid #dbe6ee;border-radius:5px;font-size:6px}.wn-sv-network{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:26px 18px}.wn-sv-network .wn-sv-node{background:#0b2c49;color:#fff;border-color:#194b72}@media(max-width:900px){.wn-sol-hero-grid,.wn-sol-intro-grid,.wn-sol-heading,.wn-sol-connected-grid,.wn-sol-fit-grid,.wn-sol-final-grid{grid-template-columns:1fr}.wn-sol-grid{grid-template-columns:1fr}.wn-sol-card-featured{grid-column:auto;grid-template-columns:1fr}.wn-sol-card-featured .wn-sol-card-visual{padding:0 20px 20px}.wn-sol-hero h1{font-size:48px}.wn-sol-wrap{width:min(100% - 36px,1280px)}}@media(max-width:600px){.wn-sol-hero{padding:72px 0 58px}.wn-sol-hero h1{font-size:39px}.wn-sol-intro,.wn-sol-catalog,.wn-sol-connected,.wn-sol-fit{padding:62px 0}.wn-sol-intro h2,.wn-sol-heading h2,.wn-sol-fit h2,.wn-sol-connected h2,.wn-sol-final h2{font-size:34px}.wn-sv-body{grid-template-columns:76px 1fr}.wn-sol-card-copy,.wn-sol-card-featured .wn-sol-card-copy{padding:24px}}

/* SOLUTIONS — FOOTER */

.wn-solutions .wn-footer{
    background:#030e19;
    border-top:1px solid #20384e;
    color:#92a7bb;
    padding:55px 0 22px;
}

.wn-solutions .wn-footer .wn-wrap{
    width:min(1280px,calc(100% - 112px));
    margin-inline:auto;
}

.wn-solutions .wn-footer-grid{
    display:grid;
    grid-template-columns:1.3fr .75fr 1.1fr 1.25fr;
    gap:42px;
    padding-bottom:16px;
}

.wn-solutions .wn-footer-brand img{
    width:185px;
    height:auto;
    display:block;
    margin-bottom:20px;
}

.wn-solutions .wn-footer-brand p{
    font-size:12px;
    color:#b3c3d2;
    line-height:1.65;
    margin-bottom:18px;
}

.wn-solutions .wn-footer-brand>span{
    font-size:10px;
    line-height:1.7;
    color:#6f8aa4;
}

.wn-solutions .wn-footer h2{
    font-size:10px;
    font-weight:600;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:#7694b0;
    line-height:1.5;
    margin:0 0 23px;
}

.wn-solutions .wn-footer ul{
    margin:0;
    padding:0;
    list-style:none;
}

.wn-solutions .wn-footer li{
    margin:0 0 13px;
    font-size:11px;
}

.wn-solutions .wn-footer a{
    color:inherit;
    text-decoration:none;
}

.wn-solutions .wn-footer a:hover{
    color:#70b8ff;
}

.wn-solutions .wn-footer-contact>a{
    display:inline-block;
    color:#d7e8fa;
    font-size:16px;
    padding-bottom:8px;
    border-bottom:1px solid #30516d;
}

.wn-solutions .wn-footer-contact p{
    font-size:11px;
    line-height:1.7;
    margin:17px 0;
}

.wn-solutions .wn-footer-languages{
    display:flex;
    gap:14px;
    text-transform:uppercase;
}

.wn-solutions .wn-footer-languages .current-lang{
    color:#e8f4ff;
}

.wn-solutions .wn-footer-bottom{
    margin-top:40px;
    padding-block:24px;
    border-top:1px solid #1a3045;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    font-size:9px;
    color:#7890a5;
}

.wn-solutions .wn-footer-bottom>div{
    display:flex;
    gap:24px;
}

.wn-solutions .wn-footer-bottom small{
    font-size:8px;
    color:#536f88;
}

.wn-solutions .wn-footer-bottom>a{
    padding:8px 13px;
    border:1px solid #29445c;
    border-radius:3px;
}

@media(max-width:1150px){
    .wn-solutions .wn-footer .wn-wrap{
        width:calc(100% - 72px);
    }
}

@media(max-width:760px){
    .wn-solutions .wn-footer{
        padding-top:40px;
    }

    .wn-solutions .wn-footer .wn-wrap{
        width:calc(100% - 40px);
    }

    .wn-solutions .wn-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:30px 22px;
    }

    .wn-solutions .wn-footer-brand{
        grid-column:1/-1;
    }

    .wn-solutions .wn-footer-brand img{
        width:170px;
    }

    .wn-solutions .wn-footer-contact{
        grid-column:1/-1;
        border-top:1px solid #1a2a39;
        padding-top:26px;
    }

    .wn-solutions .wn-footer-contact>a{
        font-size:18px;
    }

    .wn-solutions .wn-footer-bottom{
        align-items:flex-start;
        flex-wrap:wrap;
        font-size:9px;
        margin-top:25px;
        gap:18px;
    }

    .wn-solutions .wn-footer-bottom>div{
        order:3;
        width:100%;
        gap:22px;
    }

    .wn-solutions .wn-footer-bottom>a{
        margin-left:auto;
    }
}
/* =========================================================
   SOLUTIONS HERO — CONNECTED SYSTEM V2
   ========================================================= */

.wn-solutions .wn-sol-hero{
    position:relative;
    overflow:hidden;
}

.wn-solutions .wn-sol-hero::before{
    content:"";
    position:absolute;
    width:620px;
    height:620px;
    right:-170px;
    top:-260px;
    border:1px solid rgba(64,147,220,.12);
    border-radius:50%;
    box-shadow:
        0 0 0 70px rgba(32,111,181,.035),
        0 0 0 140px rgba(32,111,181,.025);
    pointer-events:none;
}

.wn-solutions .wn-sol-hero-grid{
    position:relative;
    z-index:2;
    grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);
    gap:80px;
    align-items:center;
}

.wn-solutions .wn-sol-hero-visual{
    position:relative;
    padding:16px;
    border:1px solid rgba(116,181,236,.18);
    border-radius:12px;
    background:
        linear-gradient(180deg,rgba(13,43,68,.94),rgba(5,25,41,.97));
    box-shadow:
        0 28px 70px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.035);
}

.wn-solutions .wn-sol-hero-visual::before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:12px;
    background:linear-gradient(
        115deg,
        rgba(72,166,244,.18),
        transparent 28%,
        transparent 72%,
        rgba(72,166,244,.08)
    );
    pointer-events:none;
}

.wn-solutions .wn-sol-hero-visual-label{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:2px 3px 13px;
    border-bottom:1px solid rgba(116,181,236,.13);
    font-size:8px;
    line-height:1;
    letter-spacing:1.35px;
}

.wn-solutions .wn-sol-hero-visual-label span{
    color:#6fbaff;
    font-weight:700;
}

.wn-solutions .wn-sol-hero-visual-label strong{
    color:#718ba2;
    font-size:7px;
    letter-spacing:1.1px;
    font-weight:600;
}

.wn-solutions .wn-sol-hero-visual > .wn-sv{
    position:relative;
    z-index:2;
    margin:14px 0 13px;
    min-height:245px;
}

.wn-solutions .wn-sol-hero-status{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding-top:13px;
    border-top:1px solid rgba(116,181,236,.13);
}

.wn-solutions .wn-sol-hero-status span{
    display:flex;
    align-items:center;
    gap:7px;
    color:#8da6bc;
    font-size:8px;
    white-space:nowrap;
}

.wn-solutions .wn-sol-hero-status i{
    display:block;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#4ba7f5;
    box-shadow:0 0 8px rgba(75,167,245,.7);
}

/* subtle depth behind the system panel */

.wn-solutions .wn-sol-hero-visual::after{
    content:"";
    position:absolute;
    width:72%;
    height:35px;
    left:14%;
    bottom:-23px;
    background:rgba(0,104,194,.15);
    filter:blur(25px);
    border-radius:50%;
    pointer-events:none;
}

/* responsive */

@media(max-width:1050px){
    .wn-solutions .wn-sol-hero-grid{
        grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);
        gap:45px;
    }
}

@media(max-width:850px){
    .wn-solutions .wn-sol-hero-grid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .wn-solutions .wn-sol-hero-copy{
        max-width:650px;
    }

    .wn-solutions .wn-sol-hero-visual{
        max-width:720px;
        width:100%;
    }
}

@media(max-width:600px){
    .wn-solutions .wn-sol-hero-visual{
        padding:12px;
    }

    .wn-solutions .wn-sol-hero-visual-label strong{
        display:none;
    }

    .wn-solutions .wn-sol-hero-status{
        grid-template-columns:1fr;
        gap:7px;
    }

    .wn-solutions .wn-sol-hero-visual > .wn-sv{
        min-height:190px;
    }
}

/* =========================================================
   SOLUTIONS HERO — BUSINESS ARCHITECTURE
   ========================================================= */

.wn-solutions .wn-sol-hero-visual > .wn-sv{
    min-height:310px;
    overflow:hidden;
}

.wn-solutions .wn-sol-hero-visual .wn-sv-bar{
    display:none;
}

.wn-solutions .wn-sv-architecture{
    position:relative;
    min-height:310px;
    display:grid;
    grid-template-columns:minmax(150px,1fr) 180px minmax(150px,1fr);
    align-items:center;
    gap:34px;
    padding:28px 18px;
}

/* LEFT + RIGHT MODULES */

.wn-solutions .wn-sv-arch-side{
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.wn-solutions .wn-sv-arch-module{
    position:relative;
    min-height:58px;
    display:grid;
    grid-template-columns:26px 1fr 7px;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid rgba(108,178,235,.17);
    border-radius:7px;
    background:rgba(5,28,46,.76);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.wn-solutions .wn-sv-arch-right .wn-sv-arch-module{
    grid-template-columns:7px 1fr 26px;
}

.wn-solutions .wn-sv-arch-module>span{
    color:#4c86b6;
    font-size:7px;
    font-weight:700;
    letter-spacing:.7px;
}

.wn-solutions .wn-sv-arch-right .wn-sv-arch-module>span{
    text-align:right;
}

.wn-solutions .wn-sv-arch-module div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.wn-solutions .wn-sv-arch-module small{
    color:#58adf7;
    font-size:6px;
    line-height:1.2;
    letter-spacing:1px;
    font-weight:700;
}

.wn-solutions .wn-sv-arch-module strong{
    color:#d6e5f1;
    font-size:9px;
    line-height:1.25;
    font-weight:600;
}

.wn-solutions .wn-sv-arch-module>i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#45a8ff;
    box-shadow:0 0 10px rgba(69,168,255,.85);
}

/* CENTRAL CORE */

.wn-solutions .wn-sv-arch-core{
    position:relative;
    z-index:5;
    width:180px;
    height:180px;
    margin:auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border:1px solid rgba(85,170,244,.35);
    border-radius:50%;
    background:
        radial-gradient(circle at 50% 42%,rgba(23,111,190,.30),rgba(5,31,51,.97) 66%);
    box-shadow:
        0 0 45px rgba(0,111,211,.13),
        inset 0 0 35px rgba(40,137,220,.08);
}

.wn-solutions .wn-sv-core-rings{
    position:absolute;
    inset:-14px;
    border:1px solid rgba(70,151,221,.12);
    border-radius:50%;
    pointer-events:none;
}

.wn-solutions .wn-sv-core-rings span:first-child{
    position:absolute;
    inset:-13px;
    border:1px dashed rgba(75,163,239,.10);
    border-radius:50%;
}

.wn-solutions .wn-sv-core-rings span:last-child{
    position:absolute;
    inset:17px;
    border:1px solid rgba(83,170,246,.09);
    border-radius:50%;
}

.wn-solutions .wn-sv-core-mark{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    margin-bottom:11px;
    border:1px solid rgba(94,182,255,.28);
    border-radius:9px;
    background:#0b3b61;
    color:#68baff;
    font-size:18px;
    font-weight:800;
    box-shadow:0 8px 25px rgba(0,0,0,.22);
}

.wn-solutions .wn-sv-arch-core>small{
    color:#5baef4;
    font-size:6px;
    letter-spacing:1.25px;
    font-weight:700;
    margin-bottom:5px;
}

.wn-solutions .wn-sv-arch-core>strong{
    color:#edf7ff;
    font-size:12px;
    line-height:1.2;
    font-weight:650;
}

.wn-solutions .wn-sv-core-state{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:11px;
    color:#7897af;
    font-size:7px;
}

.wn-solutions .wn-sv-core-state i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#49c890;
    box-shadow:0 0 8px rgba(73,200,144,.65);
}

/* CONNECTION LINES */

.wn-solutions .wn-sv-arch-line{
    position:absolute;
    z-index:2;
    height:1px;
    background:linear-gradient(
        90deg,
        rgba(50,145,226,.08),
        rgba(74,169,248,.55),
        rgba(50,145,226,.08)
    );
    transform-origin:center;
    pointer-events:none;
}

.wn-solutions .wn-sv-arch-line::after{
    content:"";
    position:absolute;
    width:4px;
    height:4px;
    top:-1.5px;
    border-radius:50%;
    background:#56aff9;
    box-shadow:0 0 8px rgba(86,175,249,.8);
}

.wn-solutions .wn-sv-line-left-one{
    width:125px;
    left:24%;
    top:27%;
    transform:rotate(24deg);
}

.wn-solutions .wn-sv-line-left-two{
    width:112px;
    left:25%;
    top:50%;
}

.wn-solutions .wn-sv-line-left-three{
    width:125px;
    left:24%;
    top:73%;
    transform:rotate(-24deg);
}

.wn-solutions .wn-sv-line-right-one{
    width:125px;
    right:24%;
    top:27%;
    transform:rotate(-24deg);
}

.wn-solutions .wn-sv-line-right-two{
    width:112px;
    right:25%;
    top:50%;
}

.wn-solutions .wn-sv-line-right-three{
    width:125px;
    right:24%;
    top:73%;
    transform:rotate(24deg);
}

.wn-solutions .wn-sv-line-right-one::after,
.wn-solutions .wn-sv-line-right-two::after,
.wn-solutions .wn-sv-line-right-three::after{
    right:0;
}

/* HERO PANEL A LITTLE TALLER */

.wn-solutions .wn-sol-hero-visual{
    padding:18px;
}

.wn-solutions .wn-sol-hero-visual > .wn-sv{
    margin:8px 0 10px;
}

/* TABLET */

@media(max-width:1050px){
    .wn-solutions .wn-sv-architecture{
        grid-template-columns:minmax(125px,1fr) 150px minmax(125px,1fr);
        gap:20px;
        padding-inline:8px;
    }

    .wn-solutions .wn-sv-arch-core{
        width:150px;
        height:150px;
    }

    .wn-solutions .wn-sv-arch-module{
        padding-inline:9px;
    }
}

/* MOBILE */

@media(max-width:600px){
    .wn-solutions .wn-sv-architecture{
        min-height:auto;
        grid-template-columns:1fr;
        gap:13px;
        padding:15px 4px;
    }

    .wn-solutions .wn-sv-arch-core{
        order:-1;
        width:145px;
        height:145px;
        margin-bottom:7px;
    }

    .wn-solutions .wn-sv-arch-side{
        gap:8px;
    }

    .wn-solutions .wn-sv-arch-module,
    .wn-solutions .wn-sv-arch-right .wn-sv-arch-module{
        grid-template-columns:25px 1fr 7px;
    }

    .wn-solutions .wn-sv-arch-right .wn-sv-arch-module>i{
        order:3;
    }

    .wn-solutions .wn-sv-arch-right .wn-sv-arch-module>div{
        order:2;
    }

    .wn-solutions .wn-sv-arch-right .wn-sv-arch-module>span{
        order:1;
        text-align:left;
    }

    .wn-solutions .wn-sv-arch-line{
        display:none;
    }
}

/* =========================================================
   SOLUTION VISUAL — 01 OPERATIONS
   ========================================================= */

.wn-solutions .wn-sv-operations{
    overflow:hidden;
    border:1px solid #17456b;
    border-radius:8px;
    background:#071c30;
    box-shadow:0 18px 35px rgba(9,38,63,.16);
}

.wn-solutions .wn-viz-operations{
    min-height:245px;
    padding:16px;
    color:#dcecff;
    background:
        radial-gradient(circle at 12% 0%,rgba(18,132,255,.20),transparent 38%),
        linear-gradient(145deg,#071c30,#0a2d4c);
}

.wn-solutions .wn-op-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-bottom:11px;
    border-bottom:1px solid rgba(115,180,231,.15);
}

.wn-solutions .wn-op-top>div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.wn-solutions .wn-op-top small{
    color:#43a9ff;
    font-size:6px;
    font-weight:800;
    letter-spacing:1px;
}

.wn-solutions .wn-op-top strong{
    color:#fff;
    font-size:10px;
}

.wn-solutions .wn-op-live{
    display:flex;
    align-items:center;
    gap:6px;
    color:#7898b1;
    font-size:6px;
}

.wn-solutions .wn-op-live i{
    display:block;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#48d69e;
    box-shadow:0 0 8px rgba(72,214,158,.75);
}

.wn-solutions .wn-op-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 125px;
    gap:10px;
    margin-top:12px;
}

.wn-solutions .wn-op-kpis{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
}

.wn-solutions .wn-op-kpis>div{
    padding:9px;
    border:1px solid rgba(92,165,220,.16);
    border-radius:6px;
    background:rgba(6,34,57,.78);
}

.wn-solutions .wn-op-kpis small{
    display:block;
    color:#6287a4;
    font-size:5px;
    font-weight:700;
}

.wn-solutions .wn-op-kpis strong{
    display:block;
    margin:4px 0 2px;
    color:#fff;
    font-size:17px;
    line-height:1;
}

.wn-solutions .wn-op-kpis span{
    color:#6689a3;
    font-size:5px;
}

.wn-solutions .wn-op-chart{
    margin-top:8px;
    padding:9px 10px;
    border:1px solid rgba(92,165,220,.13);
    border-radius:6px;
    background:rgba(3,24,41,.56);
}

.wn-solutions .wn-op-chart-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}

.wn-solutions .wn-op-chart-head>div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.wn-solutions .wn-op-chart-head small{
    color:#3e9dea;
    font-size:5px;
    font-weight:800;
    letter-spacing:.7px;
}

.wn-solutions .wn-op-chart-head strong{
    color:#cfe2f0;
    font-size:7px;
}

.wn-solutions .wn-op-chart-head>span{
    color:#54738c;
    font-size:5px;
}

.wn-solutions .wn-op-bars{
    height:52px;
    display:flex;
    align-items:flex-end;
    gap:5px;
    margin-top:7px;
    border-bottom:1px solid rgba(103,165,211,.13);
}

.wn-solutions .wn-op-bars i{
    display:block;
    flex:1;
    height:var(--h);
    border-radius:2px 2px 0 0;
    background:linear-gradient(180deg,#42b3ff,#087cff);
}

.wn-solutions .wn-op-feed{
    padding:9px;
    border:1px solid rgba(92,165,220,.13);
    border-radius:6px;
    background:rgba(3,23,39,.72);
}

.wn-solutions .wn-op-feed>small{
    display:block;
    margin-bottom:5px;
    color:#42a8f8;
    font-size:5px;
    font-weight:800;
    letter-spacing:.7px;
}

.wn-solutions .wn-op-feed>div{
    display:grid;
    grid-template-columns:5px 1fr;
    gap:6px;
    padding:7px 0;
    border-bottom:1px solid rgba(118,168,205,.09);
}

.wn-solutions .wn-op-feed>div:last-child{
    border-bottom:0;
}

.wn-solutions .wn-op-feed i{
    display:block;
    width:5px;
    height:5px;
    margin-top:3px;
    border-radius:50%;
    background:#329fff;
}

.wn-solutions .wn-op-feed p{
    margin:0;
}

.wn-solutions .wn-op-feed strong{
    display:block;
    color:#c9ddeb;
    font-size:6px;
}

.wn-solutions .wn-op-feed span{
    display:block;
    margin-top:2px;
    color:#5d7d95;
    font-size:5px;
}

@media(max-width:700px){
    .wn-solutions .wn-op-layout{
        grid-template-columns:1fr;
    }

    .wn-solutions .wn-op-feed{
        display:none;
    }
}

/* =========================================================
   SOLUTION VISUAL — 02 ASSETS
   ========================================================= */

.wn-solutions .wn-sv-assets{
    overflow:hidden;
    border:1px solid #b9e5df;
    border-radius:8px;
    background:#effbf9;
    box-shadow:0 18px 35px rgba(22,116,107,.10);
}

.wn-solutions .wn-viz-assets{
    min-height:245px;
    padding:16px;
    color:#153f42;
    background:
        radial-gradient(circle at 95% 0%,rgba(27,191,170,.16),transparent 36%),
        linear-gradient(145deg,#f8fffd,#e9f8f5);
}

.wn-solutions .wn-asset-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:11px;
    border-bottom:1px solid #c9e9e4;
}

.wn-solutions .wn-asset-head>div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.wn-solutions .wn-asset-head small{
    color:#139b8d;
    font-size:6px;
    font-weight:800;
    letter-spacing:1px;
}

.wn-solutions .wn-asset-head strong{
    color:#173f42;
    font-size:10px;
}

.wn-solutions .wn-asset-head>span{
    padding:4px 8px;
    border-radius:999px;
    background:#d9f5ef;
    color:#158779;
    font-size:5px;
    font-weight:800;
}

.wn-solutions .wn-asset-summary{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin:11px 0;
}

.wn-solutions .wn-asset-summary>div{
    padding:9px 10px;
    border:1px solid #c7e9e4;
    border-radius:7px;
    background:rgba(255,255,255,.82);
}

.wn-solutions .wn-asset-summary small{
    display:block;
    color:#729b98;
    font-size:5px;
    font-weight:700;
}

.wn-solutions .wn-asset-summary strong{
    display:block;
    margin-top:4px;
    color:#08776d;
    font-size:16px;
    line-height:1;
}

.wn-solutions .wn-asset-layout{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:9px;
}

.wn-solutions .wn-asset-locations,
.wn-solutions .wn-asset-items{
    padding:10px;
    border:1px solid #c9e7e3;
    border-radius:7px;
    background:rgba(255,255,255,.72);
}

.wn-solutions .wn-asset-locations>small,
.wn-solutions .wn-asset-items>small{
    display:block;
    margin-bottom:5px;
    color:#15988b;
    font-size:5px;
    font-weight:800;
    letter-spacing:.8px;
}

.wn-solutions .wn-asset-locations>div{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:6px 7px;
    border-radius:5px;
    color:#658887;
    font-size:6px;
}

.wn-solutions .wn-asset-locations>div.active{
    background:#dcf5f0;
    color:#126e67;
}

.wn-solutions .wn-asset-locations span{
    display:flex;
    align-items:center;
    gap:5px;
}

.wn-solutions .wn-asset-locations i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#21b5a4;
}

.wn-solutions .wn-asset-locations strong{
    font-size:6px;
}

.wn-solutions .wn-asset-item{
    display:grid;
    grid-template-columns:27px 1fr 6px;
    gap:8px;
    align-items:center;
    padding:7px 0;
    border-bottom:1px solid #dcefeb;
}

.wn-solutions .wn-asset-item:last-child{
    border-bottom:0;
}

.wn-solutions .wn-asset-icon{
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    border-radius:6px;
    background:#d9f4ef;
    color:#138b7e;
    font-size:6px;
    font-weight:900;
}

.wn-solutions .wn-asset-item p{
    margin:0;
}

.wn-solutions .wn-asset-item strong{
    display:block;
    color:#2a5051;
    font-size:6px;
}

.wn-solutions .wn-asset-item p span{
    display:block;
    margin-top:2px;
    color:#809e9d;
    font-size:5px;
}

.wn-solutions .wn-asset-item>i{
    width:6px;
    height:6px;
    border-radius:50%;
}

.wn-solutions .wn-asset-item>i.ok{
    background:#25bd82;
    box-shadow:0 0 7px rgba(37,189,130,.25);
}

.wn-solutions .wn-asset-item>i.free{
    background:#1aa7ca;
    box-shadow:0 0 7px rgba(26,167,202,.25);
}

@media(max-width:700px){
    .wn-solutions .wn-asset-layout{
        grid-template-columns:1fr;
    }

    .wn-solutions .wn-asset-locations{
        display:none;
    }
}

/* =========================================================
   SOLUTION VISUAL — 03 CUSTOMER PORTAL
   ========================================================= */

.wn-solutions .wn-sv-portal{
    overflow:hidden;
    border:1px solid #d9d3f7;
    border-radius:8px;
    background:#f6f4ff;
    box-shadow:0 18px 35px rgba(91,72,180,.11);
}

.wn-solutions .wn-viz-portal{
    min-height:245px;
    padding:16px;
    color:#332d59;
    background:
        radial-gradient(circle at 92% 0%,rgba(127,91,238,.18),transparent 38%),
        linear-gradient(145deg,#fbfaff,#efecff);
}

.wn-solutions .wn-portal-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding-bottom:11px;
    border-bottom:1px solid #ded9f4;
}

.wn-solutions .wn-portal-brand,
.wn-solutions .wn-portal-user{
    display:flex;
    align-items:center;
    gap:8px;
}

.wn-solutions .wn-portal-brand>span{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    flex:0 0 29px;
    border-radius:8px;
    background:linear-gradient(145deg,#5f50d8,#8e6cf1);
    color:#fff;
    font-size:7px;
    font-weight:900;
    box-shadow:0 7px 17px rgba(97,78,210,.25);
}

.wn-solutions .wn-portal-brand>div,
.wn-solutions .wn-portal-user>div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.wn-solutions .wn-portal-brand small{
    color:#7a65da;
    font-size:5px;
    font-weight:850;
    letter-spacing:.9px;
}

.wn-solutions .wn-portal-brand strong{
    color:#342e5d;
    font-size:9px;
}

.wn-solutions .wn-portal-user>span{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    flex:0 0 25px;
    border-radius:50%;
    background:#e2dcfa;
    color:#6653cb;
    font-size:6px;
    font-weight:900;
}

.wn-solutions .wn-portal-user strong{
    color:#4c456d;
    font-size:6px;
}

.wn-solutions .wn-portal-user small{
    color:#9790ad;
    font-size:5px;
}

.wn-solutions .wn-portal-welcome{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-top:13px;
}

.wn-solutions .wn-portal-welcome>div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.wn-solutions .wn-portal-welcome small{
    color:#856ee2;
    font-size:5px;
    font-weight:850;
    letter-spacing:.8px;
}

.wn-solutions .wn-portal-welcome strong{
    color:#302a55;
    font-size:11px;
}

.wn-solutions .wn-portal-welcome>span{
    color:#7059d4;
    font-size:6px;
    font-weight:800;
    white-space:nowrap;
}

.wn-solutions .wn-portal-progress{
    height:5px;
    margin:9px 0 13px;
    overflow:hidden;
    border-radius:999px;
    background:#ddd8ef;
}

.wn-solutions .wn-portal-progress i{
    display:block;
    width:68%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#5c50d6,#a26ef2);
    box-shadow:0 0 10px rgba(119,85,225,.20);
}

.wn-solutions .wn-portal-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1.25fr;
    gap:8px;
}

.wn-solutions .wn-portal-panel{
    min-height:95px;
    padding:10px;
    border:1px solid #ded9f2;
    border-radius:7px;
    background:rgba(255,255,255,.82);
}

.wn-solutions .wn-portal-panel small{
    display:block;
    color:#958abf;
    font-size:5px;
    font-weight:800;
    letter-spacing:.4px;
}

.wn-solutions .wn-portal-panel strong{
    display:block;
    margin-top:6px;
    color:#40385f;
    font-size:7px;
}

.wn-solutions .wn-portal-panel p{
    margin:4px 0 7px;
    color:#89819d;
    font-size:5px;
    line-height:1.45;
}

.wn-solutions .wn-portal-panel>span{
    display:inline-block;
    padding:3px 6px;
    border-radius:999px;
    background:#eeebf8;
    color:#746a99;
    font-size:4px;
    font-weight:700;
}

.wn-solutions .wn-portal-panel>span.purple{
    background:#e6ddff;
    color:#6e50d6;
}

.wn-solutions .wn-portal-messages{
    background:
        linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,244,255,.90));
}

.wn-solutions .wn-portal-messages a{
    display:inline-block;
    color:#6d50d2;
    font-size:5px;
    font-weight:850;
}

@media(max-width:700px){
    .wn-solutions .wn-portal-user{
        display:none;
    }

    .wn-solutions .wn-portal-grid{
        grid-template-columns:1fr 1fr;
    }

    .wn-solutions .wn-portal-messages{
        grid-column:1/-1;
    }
}

/* =========================================================
   SOLUTION VISUAL — 04 AI ASSISTANT
   ========================================================= */

.wn-solutions .wn-sv-ai{
    overflow:hidden;
    border:1px solid #28265f;
    border-radius:8px;
    background:#090b24;
    box-shadow:0 20px 42px rgba(24,20,75,.22);
}

.wn-solutions .wn-viz-ai{
    position:relative;
    min-height:245px;
    padding:16px;
    color:#eef0ff;
    background:
        radial-gradient(circle at 88% 10%,rgba(112,72,255,.25),transparent 32%),
        radial-gradient(circle at 12% 100%,rgba(27,112,255,.14),transparent 34%),
        linear-gradient(145deg,#090c25,#121044);
}

.wn-solutions .wn-viz-ai::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-70px;
    top:-90px;
    border:1px solid rgba(145,117,255,.10);
    border-radius:50%;
    box-shadow:
        0 0 0 35px rgba(126,90,255,.025),
        0 0 0 70px rgba(126,90,255,.018);
    pointer-events:none;
}

/* HEADER */

.wn-solutions .wn-ai-head{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding-bottom:11px;
    border-bottom:1px solid rgba(161,151,255,.13);
}

.wn-solutions .wn-ai-brand{
    display:flex;
    align-items:center;
    gap:9px;
}

.wn-solutions .wn-ai-icon{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    flex:0 0 29px;
    border:1px solid rgba(160,125,255,.32);
    border-radius:8px;
    background:linear-gradient(145deg,#5642d8,#8b5cf6);
    color:#fff;
    font-size:8px;
    font-weight:900;
    box-shadow:0 7px 20px rgba(106,72,238,.28);
}

.wn-solutions .wn-ai-brand>div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.wn-solutions .wn-ai-brand small{
    color:#9584ff;
    font-size:5px;
    font-weight:850;
    letter-spacing:1px;
}

.wn-solutions .wn-ai-brand strong{
    color:#f1f2ff;
    font-size:9px;
}

.wn-solutions .wn-ai-status{
    display:flex;
    align-items:center;
    gap:6px;
    color:#797ca8;
    font-size:5px;
}

.wn-solutions .wn-ai-status i{
    width:5px;
    height:5px;
    display:block;
    border-radius:50%;
    background:#58d5a5;
    box-shadow:0 0 8px rgba(88,213,165,.65);
}

/* CHAT */

.wn-solutions .wn-ai-chat{
    position:relative;
    z-index:2;
    margin-top:12px;
}

.wn-solutions .wn-ai-question{
    display:flex;
    justify-content:flex-end;
    margin-bottom:8px;
}

.wn-solutions .wn-ai-question>div{
    max-width:72%;
    padding:8px 10px;
    border:1px solid rgba(132,115,225,.18);
    border-radius:8px 8px 2px 8px;
    background:rgba(55,46,111,.48);
}

.wn-solutions .wn-ai-question small{
    display:block;
    margin-bottom:3px;
    color:#9186c9;
    font-size:5px;
    font-weight:700;
}

.wn-solutions .wn-ai-question p{
    margin:0;
    color:#e3e1f5;
    font-size:6px;
    line-height:1.45;
}

/* AI RESPONSE */

.wn-solutions .wn-ai-response{
    position:relative;
    padding:10px 11px 9px 38px;
    border:1px solid rgba(123,94,239,.26);
    border-radius:8px;
    background:
        linear-gradient(135deg,rgba(34,30,85,.92),rgba(22,25,66,.90));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 9px 24px rgba(0,0,0,.12);
}

.wn-solutions .wn-ai-response::before{
    content:"AI";
    position:absolute;
    left:10px;
    top:10px;
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    border-radius:6px;
    background:linear-gradient(145deg,#6d4ce8,#9a65ff);
    color:#fff;
    font-size:6px;
    font-weight:900;
    box-shadow:0 5px 13px rgba(110,74,231,.25);
}

.wn-solutions .wn-ai-response>small{
    display:block;
    margin-bottom:4px;
    color:#9c8cff;
    font-size:5px;
    font-weight:800;
    letter-spacing:.7px;
}

.wn-solutions .wn-ai-response>strong{
    display:block;
    color:#f4f2ff;
    font-size:7px;
    line-height:1.35;
}

.wn-solutions .wn-ai-response>p{
    margin:4px 0 7px;
    color:#a8a8c8;
    font-size:5px;
    line-height:1.5;
}

/* SOURCES */

.wn-solutions .wn-ai-sources{
    display:flex;
    align-items:center;
    gap:5px;
    flex-wrap:wrap;
}

.wn-solutions .wn-ai-sources>small{
    color:#656991;
    font-size:4px;
    font-weight:800;
    letter-spacing:.6px;
}

.wn-solutions .wn-ai-sources span{
    padding:3px 6px;
    border:1px solid rgba(132,113,224,.17);
    border-radius:999px;
    background:rgba(111,83,207,.13);
    color:#aaa0dd;
    font-size:4px;
}

/* BOTTOM INPUT */

.wn-solutions .wn-ai-input{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr auto;
    gap:7px;
    align-items:center;
    margin-top:8px;
    padding:7px 8px 7px 10px;
    border:1px solid rgba(131,116,210,.17);
    border-radius:7px;
    background:rgba(5,8,27,.42);
}

.wn-solutions .wn-ai-input span{
    color:#5f638c;
    font-size:5px;
}

.wn-solutions .wn-ai-input b{
    width:23px;
    height:23px;
    display:grid;
    place-items:center;
    border-radius:6px;
    background:#6d4fe0;
    color:#fff;
    font-size:8px;
    font-weight:600;
}

/* MOBILE */

@media(max-width:700px){
    .wn-solutions .wn-ai-question>div{
        max-width:90%;
    }

    .wn-solutions .wn-ai-sources span:nth-last-child(-n+2){
        display:none;
    }
}
/* =========================================================
   SOLUTION VISUAL — 05 DOCUMENT WORKFLOW
   ========================================================= */

.wn-solutions .wn-sv-workflow{
    overflow:hidden;
    border:1px solid #eadbc4;
    border-radius:8px;
    background:#fffaf2;
    box-shadow:0 18px 35px rgba(151,103,35,.10);
}

.wn-solutions .wn-viz-workflow{
    position:relative;
    min-height:245px;
    padding:16px;
    color:#493c2e;
    background:
        radial-gradient(circle at 96% 0%,rgba(246,174,65,.18),transparent 37%),
        linear-gradient(145deg,#fffdf9,#fff5e6);
}

/* HEADER */

.wn-solutions .wn-wf-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding-bottom:11px;
    border-bottom:1px solid #eadfce;
}

.wn-solutions .wn-wf-head>div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.wn-solutions .wn-wf-head small{
    color:#cf861c;
    font-size:5px;
    font-weight:850;
    letter-spacing:1px;
}

.wn-solutions .wn-wf-head strong{
    color:#493b2d;
    font-size:10px;
}

.wn-solutions .wn-wf-head>span{
    padding:4px 8px;
    border-radius:999px;
    background:#ffedd0;
    color:#b87517;
    font-size:5px;
    font-weight:800;
}

/* MAIN LAYOUT */

.wn-solutions .wn-wf-layout{
    display:grid;
    grid-template-columns:145px 1fr;
    gap:16px;
    align-items:center;
    margin-top:13px;
}

/* DOCUMENT */

.wn-solutions .wn-wf-document{
    min-height:165px;
    padding:12px;
    border:1px solid #e9dac5;
    border-radius:8px;
    background:#fff;
    box-shadow:0 8px 18px rgba(98,69,31,.06);
}

.wn-solutions .wn-wf-doc-icon{
    width:34px;
    height:40px;
    display:grid;
    place-items:center;
    margin-bottom:10px;
    border-radius:5px;
    background:#ffe8dc;
    color:#d45e34;
    font-size:6px;
    font-weight:900;
}

.wn-solutions .wn-wf-document>strong{
    display:block;
    color:#47392c;
    font-size:7px;
    line-height:1.35;
}

.wn-solutions .wn-wf-document>span{
    display:block;
    margin-top:3px;
    color:#a08d79;
    font-size:5px;
}

.wn-solutions .wn-wf-doc-lines{
    margin-top:14px;
}

.wn-solutions .wn-wf-doc-lines i{
    display:block;
    width:100%;
    height:3px;
    margin:5px 0;
    border-radius:3px;
    background:#eee5da;
}

.wn-solutions .wn-wf-doc-lines i:nth-child(2){
    width:78%;
}

.wn-solutions .wn-wf-doc-lines i:nth-child(3){
    width:91%;
}

.wn-solutions .wn-wf-doc-lines i:nth-child(4){
    width:61%;
}

/* WORKFLOW STEPS */

.wn-solutions .wn-wf-process{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.wn-solutions .wn-wf-step{
    position:relative;
    display:grid;
    grid-template-columns:29px 1fr;
    gap:9px;
    align-items:center;
}

.wn-solutions .wn-wf-step>span{
    position:relative;
    z-index:2;
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    border:1px solid #ddcfbd;
    border-radius:50%;
    background:#fff;
    color:#a99783;
    font-size:6px;
    font-weight:900;
}

.wn-solutions .wn-wf-step>div{
    display:grid;
    grid-template-columns:22px 1fr;
    align-items:center;
    gap:5px;
}

.wn-solutions .wn-wf-step small{
    color:#b4a18d;
    font-size:5px;
    font-weight:800;
}

.wn-solutions .wn-wf-step strong{
    color:#534435;
    font-size:7px;
}

.wn-solutions .wn-wf-step p{
    grid-column:2;
    margin:1px 0 0;
    color:#9b8874;
    font-size:5px;
}

/* COMPLETED */

.wn-solutions .wn-wf-step.done>span{
    border-color:#9dd9bd;
    background:#e4f7ed;
    color:#21855d;
}

.wn-solutions .wn-wf-step.done strong{
    color:#34755b;
}

/* ACTIVE HUMAN REVIEW */

.wn-solutions .wn-wf-step.active{
    margin:2px 0;
    padding:5px 7px 5px 0;
    border-radius:7px;
    background:linear-gradient(
        90deg,
        rgba(248,181,67,.12),
        rgba(248,181,67,.025)
    );
}

.wn-solutions .wn-wf-step.active>span{
    border-color:#efb756;
    background:#fff0d2;
    color:#b77212;
    box-shadow:0 0 0 4px rgba(239,183,86,.09);
}

.wn-solutions .wn-wf-step.active strong{
    color:#9c6010;
}

/* CONNECTING LINE */

.wn-solutions .wn-wf-connector{
    width:1px;
    height:10px;
    margin:2px 0 2px 14px;
    background:#ddcfbe;
}

.wn-solutions .wn-wf-connector.done{
    background:#6cc89b;
}

.wn-solutions .wn-wf-connector.active{
    background:linear-gradient(#6cc89b,#e5a43c);
}

/* FINAL STAGE */

.wn-solutions .wn-wf-step:last-child>span{
    border-style:dashed;
}

/* SMALL STATUS ACCENT */

.wn-solutions .wn-viz-workflow::after{
    content:"HUMAN IN CONTROL";
    position:absolute;
    right:16px;
    bottom:11px;
    color:#c59b62;
    font-size:4px;
    font-weight:800;
    letter-spacing:.8px;
}

/* MOBILE */

@media(max-width:700px){
    .wn-solutions .wn-wf-layout{
        grid-template-columns:110px 1fr;
        gap:10px;
    }

    .wn-solutions .wn-wf-document{
        min-height:150px;
    }
}
/* =========================================================
   SOLUTION VISUAL — 06 INTEGRATIONS
   Dark petrol / connected systems topology
   ========================================================= */

.wn-solutions .wn-sv-integrations{
    overflow:hidden;
    border:1px solid #16495a;
    border-radius:8px;
    background:#061d28;
    box-shadow:0 20px 42px rgba(5,52,66,.18);
}

.wn-solutions .wn-viz-integrations{
    position:relative;
    min-height:245px;
    padding:15px 17px 12px;
    color:#e9fbff;
    background:
        radial-gradient(circle at 50% 52%,rgba(23,196,218,.15),transparent 30%),
        radial-gradient(circle at 92% 0%,rgba(0,143,177,.13),transparent 32%),
        linear-gradient(145deg,#061b26,#083442);
}

/* subtle technical grid */

.wn-solutions .wn-viz-integrations::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.12;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(91,206,221,.10) 1px,transparent 1px),
        linear-gradient(90deg,rgba(91,206,221,.10) 1px,transparent 1px);
    background-size:28px 28px;
}

/* HEADER */

.wn-solutions .wn-int-head{
    position:relative;
    z-index:5;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding-bottom:9px;
    border-bottom:1px solid rgba(83,196,211,.14);
}

.wn-solutions .wn-int-head span{
    color:#3ed4e4;
    font-size:5px;
    font-weight:850;
    letter-spacing:1px;
}

.wn-solutions .wn-int-head strong{
    color:#769ba7;
    font-size:5px;
    font-weight:600;
}

/* NETWORK AREA */

.wn-solutions .wn-int-map{
    position:relative;
    z-index:2;
    width:min(100%,430px);
    height:168px;
    margin:0 auto;
}

/* CENTRAL HUB */

.wn-solutions .wn-int-core{
    position:absolute;
    z-index:6;
    left:50%;
    top:50%;
    width:88px;
    height:88px;
    transform:translate(-50%,-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(73,218,230,.42);
    border-radius:50%;
    background:
        radial-gradient(circle at 50% 38%,#126176,#092d3a 67%);
    box-shadow:
        0 0 0 9px rgba(41,194,211,.035),
        0 0 34px rgba(28,204,221,.17),
        inset 0 0 22px rgba(51,214,229,.08);
}

.wn-solutions .wn-int-core-ring{
    position:absolute;
    inset:-13px;
    border:1px dashed rgba(75,218,231,.19);
    border-radius:50%;
}

.wn-solutions .wn-int-core-ring::after{
    content:"";
    position:absolute;
    inset:-9px;
    border:1px solid rgba(66,196,211,.07);
    border-radius:50%;
}

.wn-solutions .wn-int-core>span{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    margin-bottom:5px;
    border:1px solid rgba(95,231,240,.25);
    border-radius:7px;
    background:#0b5c6c;
    color:#76eff5;
    font-size:7px;
    font-weight:900;
    box-shadow:0 5px 14px rgba(0,0,0,.18);
}

.wn-solutions .wn-int-core small{
    color:#4ed0dc;
    font-size:4px;
    font-weight:800;
    letter-spacing:.8px;
}

.wn-solutions .wn-int-core strong{
    margin-top:1px;
    color:#f0fdff;
    font-size:8px;
    letter-spacing:.4px;
}

/* EXTERNAL SYSTEM NODES */

.wn-solutions .wn-int-system{
    position:absolute;
    z-index:5;
    width:102px;
    min-height:47px;
    padding:8px 9px;
    border:1px solid rgba(72,184,199,.20);
    border-radius:7px;
    background:
        linear-gradient(145deg,rgba(10,55,69,.96),rgba(8,43,55,.96));
    box-shadow:
        0 8px 20px rgba(0,0,0,.12),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.wn-solutions .wn-int-system::after{
    content:"";
    position:absolute;
    width:5px;
    height:5px;
    top:50%;
    border-radius:50%;
    background:#3dd6e4;
    box-shadow:0 0 8px rgba(61,214,228,.75);
    transform:translateY(-50%);
}

.wn-solutions .wn-int-one::after,
.wn-solutions .wn-int-two::after{
    right:-3px;
}

.wn-solutions .wn-int-three::after,
.wn-solutions .wn-int-four::after{
    left:-3px;
}

.wn-solutions .wn-int-system>i{
    display:block;
    width:5px;
    height:5px;
    margin-bottom:5px;
    border-radius:50%;
    background:#35cbd9;
}

.wn-solutions .wn-int-system small{
    display:block;
    color:#5b9daa;
    font-size:4px;
    font-weight:800;
    letter-spacing:.6px;
}

.wn-solutions .wn-int-system strong{
    display:block;
    margin-top:2px;
    color:#d9f4f7;
    font-size:6px;
}

/* NODE POSITIONS */

.wn-solutions .wn-int-one{
    left:5px;
    top:19px;
}

.wn-solutions .wn-int-two{
    left:5px;
    bottom:19px;
}

.wn-solutions .wn-int-three{
    right:5px;
    top:19px;
}

.wn-solutions .wn-int-four{
    right:5px;
    bottom:19px;
}

/* CONNECTION LINES */

.wn-solutions .wn-int-line{
    position:absolute;
    z-index:3;
    left:50%;
    top:50%;
    width:118px;
    height:1px;
    transform-origin:0 50%;
    background:linear-gradient(
        90deg,
        rgba(64,211,224,.62),
        rgba(64,211,224,.10)
    );
}

.wn-solutions .wn-int-line::after{
    content:"";
    position:absolute;
    right:32%;
    top:-1px;
    width:3px;
    height:3px;
    border-radius:50%;
    background:#65e6ef;
    box-shadow:0 0 7px rgba(101,230,239,.8);
}

.wn-solutions .wn-int-line-1{
    transform:rotate(205deg);
}

.wn-solutions .wn-int-line-2{
    transform:rotate(155deg);
}

.wn-solutions .wn-int-line-3{
    transform:rotate(-25deg);
}

.wn-solutions .wn-int-line-4{
    transform:rotate(25deg);
}

/* STATUS STRIP */

.wn-solutions .wn-int-status{
    position:relative;
    z-index:5;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:22px;
    padding-top:8px;
    border-top:1px solid rgba(83,196,211,.13);
}

.wn-solutions .wn-int-status span{
    display:flex;
    align-items:center;
    gap:5px;
    color:#688f99;
    font-size:5px;
}

.wn-solutions .wn-int-status i{
    width:4px;
    height:4px;
    display:block;
    border-radius:50%;
    background:#42d5df;
    box-shadow:0 0 6px rgba(66,213,223,.45);
}

/* MOBILE */

@media(max-width:700px){

    .wn-solutions .wn-int-map{
        height:160px;
    }

    .wn-solutions .wn-int-system{
        width:84px;
    }

    .wn-solutions .wn-int-line{
        width:96px;
    }

    .wn-solutions .wn-int-status{
        gap:11px;
    }
}

/* =========================================================
   06 INTEGRATIONS — FULL WIDTH SPLIT LAYOUT
   ========================================================= */

.wn-solutions .wn-sol-grid > .wn-sol-card:last-child{
    grid-column:1 / -1;

    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    gap:48px;
    align-items:center;

    padding:34px 34px 34px 40px;
}

.wn-solutions .wn-sol-grid > .wn-sol-card:last-child .wn-sol-card-copy{
    padding:0;
    max-width:500px;
}

.wn-solutions .wn-sol-grid > .wn-sol-card:last-child .wn-sol-card-visual{
    margin:0;
    min-width:0;
}

.wn-solutions .wn-sol-grid > .wn-sol-card:last-child .wn-viz-integrations{
    min-height:270px;
}

.wn-solutions .wn-sol-grid > .wn-sol-card:last-child .wn-int-map{
    width:100%;
    max-width:none;
    height:190px;
}

@media(max-width:850px){

    .wn-solutions .wn-sol-grid > .wn-sol-card:last-child{
        grid-template-columns:1fr;
        gap:25px;
        padding:28px;
    }

    .wn-solutions .wn-sol-grid > .wn-sol-card:last-child .wn-sol-card-copy{
        max-width:none;
    }
}

/* =========================================================
   CONNECTED BUSINESS — ECOSYSTEM
   ========================================================= */

.wn-solutions .wn-viz-ecosystem{
    position:relative;
    overflow:hidden;
    min-height:300px;
    padding:16px 18px 13px;
    border:1px solid rgba(79,177,220,.18);
    border-radius:9px;
    background:
        radial-gradient(circle at 50% 58%,rgba(32,139,190,.13),transparent 36%),
        linear-gradient(145deg,#071f2e,#0a3447);
    box-shadow:
        0 22px 45px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.025);
    color:#eaf8ff;
}

/* subtle background grid */

.wn-solutions .wn-viz-ecosystem::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.11;
    background-image:
        linear-gradient(rgba(91,190,220,.11) 1px,transparent 1px),
        linear-gradient(90deg,rgba(91,190,220,.11) 1px,transparent 1px);
    background-size:30px 30px;
}

/* HEADER */

.wn-solutions .wn-eco-head{
    position:relative;
    z-index:3;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(107,195,226,.13);
}

.wn-solutions .wn-eco-head>div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.wn-solutions .wn-eco-head small{
    color:#45c5ec;
    font-size:5px;
    font-weight:850;
    letter-spacing:1px;
}

.wn-solutions .wn-eco-head strong{
    color:#e7f7fd;
    font-size:8px;
}

.wn-solutions .wn-eco-head>span{
    display:flex;
    align-items:center;
    gap:6px;
    color:#7099a9;
    font-size:5px;
}

.wn-solutions .wn-eco-head>span i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#52d7a1;
    box-shadow:0 0 8px rgba(82,215,161,.55);
}

/* STAGE */

.wn-solutions .wn-eco-stage{
    position:relative;
    z-index:2;
    max-width:560px;
    margin:12px auto 0;
}

/* PEOPLE */

.wn-solutions .wn-eco-top{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}

.wn-solutions .wn-eco-person{
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 8px;
    border:1px solid rgba(102,186,215,.15);
    border-radius:6px;
    background:rgba(5,34,48,.62);
}

.wn-solutions .wn-eco-person>span{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    flex:0 0 22px;
    border-radius:50%;
    background:#103e50;
    color:#65d5ec;
    font-size:5px;
    font-weight:900;
}

.wn-solutions .wn-eco-person>div{
    display:flex;
    flex-direction:column;
    gap:1px;
}

.wn-solutions .wn-eco-person small{
    color:#559eb5;
    font-size:4px;
    font-weight:850;
    letter-spacing:.6px;
}

.wn-solutions .wn-eco-person strong{
    color:#d6edf4;
    font-size:5px;
}

/* DOWN CONNECTORS */

.wn-solutions .wn-eco-arrow-down{
    position:relative;
    width:1px;
    height:12px;
    margin:0 auto;
    background:linear-gradient(#3d9fbd,#49c8e8);
}

.wn-solutions .wn-eco-arrow-down::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-1px;
    width:4px;
    height:4px;
    transform:translateX(-50%) rotate(45deg);
    border-right:1px solid #5ed4ed;
    border-bottom:1px solid #5ed4ed;
}

/* APPLICATIONS */

.wn-solutions .wn-eco-apps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}

.wn-solutions .wn-eco-app{
    position:relative;
    padding:8px 9px;
    border:1px solid rgba(78,175,211,.20);
    border-radius:6px;
    background:
        linear-gradient(145deg,rgba(11,60,79,.92),rgba(8,46,63,.94));
}

.wn-solutions .wn-eco-app>span{
    position:absolute;
    right:7px;
    top:7px;
    color:#3b829a;
    font-size:4px;
    font-weight:800;
}

.wn-solutions .wn-eco-app small{
    display:block;
    color:#43c6eb;
    font-size:4px;
    font-weight:850;
    letter-spacing:.7px;
}

.wn-solutions .wn-eco-app strong{
    display:block;
    margin-top:3px;
    color:#eefaff;
    font-size:6px;
}

/* SHARED BUSINESS CORE */

.wn-solutions .wn-eco-core{
    display:grid;
    grid-template-columns:36px 1fr auto;
    align-items:center;
    gap:10px;
    padding:9px 11px;
    border:1px solid rgba(80,193,228,.30);
    border-radius:7px;
    background:
        linear-gradient(90deg,rgba(12,73,96,.96),rgba(11,56,77,.96));
    box-shadow:
        0 8px 22px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.wn-solutions .wn-eco-core-mark{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#0b5871;
    color:#65ddf2;
    font-size:13px;
    font-weight:900;
    box-shadow:0 6px 16px rgba(0,0,0,.16);
}

.wn-solutions .wn-eco-core>div:nth-child(2) small{
    display:block;
    color:#51bddc;
    font-size:4px;
    font-weight:850;
    letter-spacing:.7px;
}

.wn-solutions .wn-eco-core>div:nth-child(2) strong{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:7px;
}

.wn-solutions .wn-eco-core>div:nth-child(2) p{
    margin:2px 0 0;
    color:#769daa;
    font-size:4px;
    line-height:1.35;
}

.wn-solutions .wn-eco-core-status{
    display:flex;
    gap:7px;
}

.wn-solutions .wn-eco-core-status span{
    display:flex;
    align-items:center;
    gap:3px;
    color:#7fa4b1;
    font-size:4px;
}

.wn-solutions .wn-eco-core-status i{
    width:4px;
    height:4px;
    display:block;
    border-radius:50%;
    background:#48d2dd;
}

/* AI + EXTERNAL SERVICES */

.wn-solutions .wn-eco-bottom{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:11px;
}

.wn-solutions .wn-eco-bottom-card{
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 9px;
    border-radius:6px;
}

.wn-solutions .wn-eco-bottom-card>span{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    flex:0 0 25px;
    border-radius:6px;
    font-size:6px;
    font-weight:900;
}

.wn-solutions .wn-eco-bottom-card small{
    display:block;
    font-size:4px;
    font-weight:850;
    letter-spacing:.6px;
}

.wn-solutions .wn-eco-bottom-card strong{
    display:block;
    margin-top:2px;
    font-size:6px;
}

.wn-solutions .wn-eco-ai{
    border:1px solid rgba(139,106,237,.24);
    background:linear-gradient(145deg,rgba(47,36,102,.55),rgba(25,30,72,.55));
}

.wn-solutions .wn-eco-ai>span{
    background:#5945c5;
    color:#fff;
}

.wn-solutions .wn-eco-ai small{
    color:#9381ec;
}

.wn-solutions .wn-eco-ai strong{
    color:#e9e4ff;
}

.wn-solutions .wn-eco-services{
    border:1px solid rgba(68,192,199,.20);
    background:rgba(7,51,62,.68);
}

.wn-solutions .wn-eco-services>span{
    background:#0d5966;
    color:#65dce3;
}

.wn-solutions .wn-eco-services small{
    color:#4eafb7;
}

.wn-solutions .wn-eco-services strong{
    color:#def8f9;
}

/* FOOTER LEGEND */

.wn-solutions .wn-eco-footer{
    position:relative;
    z-index:3;
    display:flex;
    justify-content:center;
    gap:18px;
    margin-top:10px;
    padding-top:8px;
    border-top:1px solid rgba(101,185,211,.12);
}

.wn-solutions .wn-eco-footer span{
    display:flex;
    align-items:center;
    gap:4px;
    color:#628a98;
    font-size:4px;
}

.wn-solutions .wn-eco-footer i{
    width:4px;
    height:4px;
    border-radius:50%;
    background:#48cce2;
}

/* MOBILE */

@media(max-width:700px){

    .wn-solutions .wn-eco-top,
    .wn-solutions .wn-eco-apps{
        grid-template-columns:1fr;
    }

    .wn-solutions .wn-eco-core{
        grid-template-columns:32px 1fr;
    }

    .wn-solutions .wn-eco-core-status{
        grid-column:1 / -1;
    }

    .wn-solutions .wn-eco-footer{
        flex-wrap:wrap;
    }
}

/* =========================================================
   PROJECT FIT — STRONGER DECISION FRAMEWORK
   ========================================================= */

.wn-solutions .wn-sol-fit{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 88% 35%,rgba(20,132,226,.055),transparent 28%),
        #f8fbfe;
}

.wn-solutions .wn-sol-fit::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-210px;
    top:-190px;
    border:1px solid rgba(25,126,213,.07);
    border-radius:50%;
    box-shadow:
        0 0 0 55px rgba(25,126,213,.018),
        0 0 0 110px rgba(25,126,213,.012);
    pointer-events:none;
}

.wn-solutions .wn-sol-fit-grid{
    position:relative;
    z-index:2;
    align-items:center;
    gap:80px;
}

/* LEFT SIDE */

.wn-solutions .wn-sol-fit-grid > div:first-child{
    position:relative;
    padding-left:22px;
}

.wn-solutions .wn-sol-fit-grid > div:first-child::before{
    content:"";
    position:absolute;
    left:0;
    top:4px;
    bottom:3px;
    width:3px;
    border-radius:10px;
    background:linear-gradient(#168cff,#53b9ff);
    box-shadow:0 0 16px rgba(22,140,255,.18);
}

.wn-solutions .wn-sol-fit h2{
    max-width:500px;
}

/* RIGHT PANEL */

.wn-solutions .wn-sol-fit-list{
    position:relative;
    padding:12px;
    border:1px solid #d8e5ef;
    border-radius:10px;
    background:rgba(255,255,255,.86);
    box-shadow:
        0 18px 45px rgba(25,62,92,.07),
        inset 0 1px 0 #fff;
}

/* little diagnostic header */

.wn-solutions .wn-sol-fit-list::before{
    content:"PROJECT FIT SIGNALS";
    display:block;
    padding:5px 9px 12px;
    color:#1686e8;
    font-size:7px;
    line-height:1;
    letter-spacing:1.35px;
    font-weight:800;
}

/* ROWS */

.wn-solutions .wn-sol-fit-list p{
    position:relative;
    display:grid;
    grid-template-columns:34px 1fr 8px;
    align-items:center;
    gap:13px;

    min-height:52px;
    margin:0;
    padding:9px 13px;

    border-top:1px solid #e4edf4;
    color:#29475f;
    font-size:10px;
    line-height:1.45;

    transition:
        background .2s ease,
        transform .2s ease;
}

.wn-solutions .wn-sol-fit-list p:hover{
    background:#f3f9fe;
    transform:translateX(3px);
}

/* NUMBER */

.wn-solutions .wn-sol-fit-list p > span{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;

    border:1px solid #c9e1f4;
    border-radius:6px;
    background:#f2f9ff;

    color:#1688ed;
    font-size:7px;
    font-weight:800;
}

/* STATUS DOT */

.wn-solutions .wn-sol-fit-list p::after{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#36a8ff;
    box-shadow:0 0 0 4px rgba(54,168,255,.08);
}

/* emphasize the middle signal slightly */

.wn-solutions .wn-sol-fit-list p:nth-of-type(3){
    background:
        linear-gradient(90deg,rgba(27,143,238,.055),rgba(27,143,238,.015));
}

.wn-solutions .wn-sol-fit-list p:nth-of-type(3) > span{
    background:#168cf0;
    border-color:#168cf0;
    color:#fff;
    box-shadow:0 6px 16px rgba(22,140,240,.18);
}

/* MOBILE */

@media(max-width:850px){

    .wn-solutions .wn-sol-fit-grid{
        gap:38px;
    }

    .wn-solutions .wn-sol-fit-grid > div:first-child{
        padding-left:17px;
    }
}

@media(max-width:600px){

    .wn-solutions .wn-sol-fit-list{
        padding:9px;
    }

    .wn-solutions .wn-sol-fit-list p{
        grid-template-columns:31px 1fr 6px;
        gap:10px;
        min-height:50px;
        padding-inline:9px;
    }
}

/* PROJECT FIT — READABILITY */

.wn-solutions .wn-sol-fit-list::before{
    font-size:10px;
    letter-spacing:1.5px;
    padding:8px 12px 16px;
}

.wn-solutions .wn-sol-fit-list p{
    min-height:66px;
    grid-template-columns:42px 1fr 10px;
    gap:17px;
    padding:12px 16px;

    font-size:14px;
    line-height:1.45;
    font-weight:500;
}

.wn-solutions .wn-sol-fit-list p > span{
    width:36px;
    height:36px;
    font-size:10px;
}

.wn-solutions .wn-sol-fit-list p::after{
    width:7px;
    height:7px;
}

@media(max-width:600px){
    .wn-solutions .wn-sol-fit-list p{
        grid-template-columns:36px 1fr 7px;
        gap:12px;
        min-height:60px;
        padding:11px 10px;
        font-size:13px;
    }

    .wn-solutions .wn-sol-fit-list p > span{
        width:34px;
        height:34px;
        font-size:9px;
    }
}

/* =========================================================
   START WITH THE PROCESS — PROCESS FLOW
   ========================================================= */

.wn-solutions .wn-sol-process{
    position:relative;
    overflow:hidden;
    padding:92px 0 82px;
    background:
        radial-gradient(circle at 88% 10%,rgba(27,139,231,.055),transparent 28%),
        linear-gradient(180deg,#ffffff,#f8fbfe);
    border-bottom:1px solid #e3edf5;
}

.wn-solutions .wn-sol-process::before{
    content:"";
    position:absolute;
    width:430px;
    height:430px;
    left:-250px;
    bottom:-290px;
    border:1px solid rgba(29,137,226,.07);
    border-radius:50%;
    box-shadow:
        0 0 0 60px rgba(29,137,226,.018),
        0 0 0 120px rgba(29,137,226,.012);
    pointer-events:none;
}

/* HEADER */

.wn-solutions .wn-process-head{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);
    gap:90px;
    align-items:end;
    margin-bottom:48px;
}

.wn-solutions .wn-process-head h2{
    max-width:660px;
    margin:12px 0 0;
    color:#0c1d2c;
    font-size:42px;
    line-height:1.08;
    letter-spacing:-1.6px;
    font-weight:500;
}

.wn-solutions .wn-process-head>p{
    max-width:410px;
    margin:0 0 3px;
    padding-left:19px;
    border-left:2px solid #168cef;
    color:#587084;
    font-size:15px;
    line-height:1.7;
}

/* FLOW */

.wn-solutions .wn-process-flow{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 70px 1fr 70px 1fr;
    align-items:stretch;
}

/* STEP */

.wn-solutions .wn-process-step{
    position:relative;
    min-height:205px;
    padding:26px 27px 25px;
    border:1px solid #dce8f1;
    border-radius:9px;
    background:rgba(255,255,255,.9);
    box-shadow:
        0 14px 36px rgba(26,61,88,.055),
        inset 0 1px 0 #fff;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.wn-solutions .wn-process-step:hover{
    transform:translateY(-4px);
    border-color:#b9d9ef;
    box-shadow:0 20px 42px rgba(26,72,108,.09);
}

/* NUMBER */

.wn-solutions .wn-process-num{
    position:absolute;
    right:19px;
    top:18px;
    color:#bdd0de;
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:1px;
}

/* ICON */

.wn-solutions .wn-process-icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    margin-bottom:24px;
    border:1px solid #cce3f4;
    border-radius:10px;
    background:#f0f8fe;
    color:#158bea;
    font-size:20px;
    line-height:1;
    box-shadow:0 8px 18px rgba(26,139,230,.08);
}

/* COPY */

.wn-solutions .wn-process-step>p{
    margin:0 0 7px;
    color:#1689e9;
    font-size:9px;
    line-height:1;
    font-weight:800;
    letter-spacing:1.35px;
}

.wn-solutions .wn-process-step h3{
    margin:0 0 10px;
    color:#102536;
    font-size:21px;
    line-height:1.15;
    letter-spacing:-.35px;
    font-weight:600;
}

.wn-solutions .wn-process-desc{
    display:block;
    max-width:240px;
    color:#6d8293;
    font-size:13px;
    line-height:1.55;
}

/* CONNECTORS */

.wn-solutions .wn-process-connector{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.wn-solutions .wn-process-connector::before{
    content:"";
    width:100%;
    height:1px;
    background:linear-gradient(
        90deg,
        #c7dce9,
        #54aeea,
        #c7dce9
    );
}

.wn-solutions .wn-process-connector span{
    position:absolute;
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border:1px solid #c9dfed;
    border-radius:50%;
    background:#fff;
    box-shadow:0 5px 14px rgba(28,92,139,.08);
}

.wn-solutions .wn-process-connector span::after{
    content:"→";
    color:#168bea;
    font-size:13px;
    line-height:1;
}

/* Give each step a slightly different accent */

.wn-solutions .wn-process-step:nth-of-type(3) .wn-process-icon{
    border-color:#d7d1f6;
    background:#f5f2ff;
    color:#7158db;
}

.wn-solutions .wn-process-step:nth-of-type(3)>p{
    color:#7059d7;
}

.wn-solutions .wn-process-step:nth-of-type(5) .wn-process-icon{
    border-color:#cbe8dc;
    background:#eefaf5;
    color:#279b70;
}

.wn-solutions .wn-process-step:nth-of-type(5)>p{
    color:#248c67;
}

/* RESULT STRIP */

.wn-solutions .wn-process-result{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:125px 1fr;
    align-items:center;
    gap:22px;
    margin-top:20px;
    padding:17px 22px;
    border:1px solid #dce8f0;
    border-radius:8px;
    background:#f7fbfe;
}

.wn-solutions .wn-process-result>span{
    color:#1689e9;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.25px;
}

.wn-solutions .wn-process-result>p{
    margin:0;
    color:#536d81;
    font-size:13px;
    line-height:1.55;
}

/* TABLET */

@media(max-width:950px){

    .wn-solutions .wn-process-head{
        grid-template-columns:1fr;
        gap:25px;
    }

    .wn-solutions .wn-process-head>p{
        max-width:650px;
    }

    .wn-solutions .wn-process-flow{
        grid-template-columns:1fr 45px 1fr 45px 1fr;
    }

    .wn-solutions .wn-process-step{
        padding:22px 20px;
    }
}

/* MOBILE */

@media(max-width:700px){

    .wn-solutions .wn-sol-process{
        padding:65px 0;
    }

    .wn-solutions .wn-process-head{
        margin-bottom:32px;
    }

    .wn-solutions .wn-process-head h2{
        font-size:34px;
    }

    .wn-solutions .wn-process-flow{
        grid-template-columns:1fr;
    }

    .wn-solutions .wn-process-step{
        min-height:0;
    }

    .wn-solutions .wn-process-connector{
        height:42px;
    }

    .wn-solutions .wn-process-connector::before{
        width:1px;
        height:100%;
        background:linear-gradient(#c7dce9,#54aeea,#c7dce9);
    }

    .wn-solutions .wn-process-connector span{
        transform:rotate(90deg);
    }

    .wn-solutions .wn-process-result{
        grid-template-columns:1fr;
        gap:6px;
    }
}

/* =========================================================
   SOLUTIONS — FINAL CTA V2
   ========================================================= */

.wn-solutions .wn-sol-final-v2{
    position:relative;
    overflow:hidden;
    padding:92px 0 72px;
    background:
        radial-gradient(circle at 82% 35%,rgba(18,126,219,.18),transparent 29%),
        linear-gradient(115deg,#061827 0%,#082238 58%,#092b49 100%);
    border-top:1px solid rgba(103,176,230,.12);
}

.wn-solutions .wn-sol-final-v2 .wn-sol-wrap{
    position:relative;
    z-index:2;
}

/* BACKGROUND ARCHITECTURE */

.wn-solutions .wn-sol-final-bg{
    position:absolute;
    inset:0;
    pointer-events:none;
    overflow:hidden;
}

.wn-solutions .wn-final-orbit{
    position:absolute;
    border:1px solid rgba(103,183,241,.09);
    border-radius:50%;
}

.wn-solutions .wn-final-orbit-a{
    width:520px;
    height:520px;
    right:-125px;
    top:-260px;
}

.wn-solutions .wn-final-orbit-b{
    width:340px;
    height:340px;
    right:-35px;
    top:-170px;
}

.wn-solutions .wn-final-dot{
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#2a9cff;
    box-shadow:0 0 18px rgba(42,156,255,.7);
    opacity:.75;
}

.wn-solutions .wn-final-dot-a{
    right:17%;
    top:22%;
}

.wn-solutions .wn-final-dot-b{
    right:9%;
    top:58%;
}

.wn-solutions .wn-final-dot-c{
    right:28%;
    bottom:16%;
    opacity:.35;
}

/* TOP */

.wn-solutions .wn-final-top{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
    gap:100px;
    align-items:end;
}

.wn-solutions .wn-sol-final-v2 .wn-sol-kicker{
    margin-bottom:18px;
    color:#35a4ff;
}

.wn-solutions .wn-final-copy h2{
    max-width:760px;
    margin:0;
    color:#fff;
    font-size:48px;
    line-height:1.06;
    letter-spacing:-1.8px;
    font-weight:500;
}

.wn-solutions .wn-final-copy h2 span{
    color:#66b9ff;
}

.wn-solutions .wn-final-lead{
    max-width:690px;
    margin:26px 0 0;
    color:#a9bfd1;
    font-size:15px;
    line-height:1.72;
}

/* ACTION */

.wn-solutions .wn-final-action{
    padding-left:30px;
    border-left:1px solid rgba(130,185,226,.22);
}

.wn-solutions .wn-final-action-label{
    display:block;
    margin-bottom:15px;
    color:#7698b4;
    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:1.4px;
}

.wn-solutions .wn-final-btn{
    width:100%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 21px 0 24px;
    box-sizing:border-box;
    font-size:14px;
}

.wn-solutions .wn-final-btn strong{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.13);
    font-size:13px;
    font-weight:400;
    transition:transform .2s ease,background .2s ease;
}

.wn-solutions .wn-final-btn:hover strong{
    transform:translate(2px,-2px);
    background:rgba(255,255,255,.2);
}

.wn-solutions .wn-final-action>p{
    margin:13px 0 0;
    color:#718ca2;
    font-size:12px;
    line-height:1.5;
}

/* PATH */

.wn-solutions .wn-final-path{
    display:grid;
    grid-template-columns:1fr 50px 1fr 50px 1fr;
    align-items:center;
    margin-top:58px;
    padding-top:28px;
    border-top:1px solid rgba(117,172,213,.16);
}

.wn-solutions .wn-final-path-item{
    display:grid;
    grid-template-columns:38px 1fr;
    gap:15px;
    align-items:center;
}

.wn-solutions .wn-final-path-item>span{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border:1px solid rgba(74,163,228,.3);
    border-radius:7px;
    background:rgba(20,94,147,.14);
    color:#51adf2;
    font-size:10px;
    font-weight:700;
}

.wn-solutions .wn-final-path-item small{
    display:block;
    margin-bottom:5px;
    color:#5f87a5;
    font-size:9px;
    line-height:1;
    font-weight:700;
    letter-spacing:1.2px;
}

.wn-solutions .wn-final-path-item strong{
    display:block;
    color:#d8e7f2;
    font-size:14px;
    line-height:1.3;
    font-weight:500;
}

.wn-solutions .wn-final-path-arrow{
    text-align:center;
    color:#315d7e;
    font-size:16px;
}

/* TABLET */

@media(max-width:900px){

    .wn-solutions .wn-final-top{
        grid-template-columns:1fr;
        gap:45px;
    }

    .wn-solutions .wn-final-action{
        max-width:430px;
    }

    .wn-solutions .wn-final-copy h2{
        font-size:42px;
    }

}

/* MOBILE */

@media(max-width:700px){

    .wn-solutions .wn-sol-final-v2{
        padding:68px 0 55px;
    }

    .wn-solutions .wn-final-copy h2{
        font-size:34px;
        letter-spacing:-1px;
    }

    .wn-solutions .wn-final-lead{
        font-size:14px;
    }

    .wn-solutions .wn-final-action{
        padding-left:0;
        border-left:0;
    }

    .wn-solutions .wn-final-path{
        grid-template-columns:1fr;
        gap:0;
        margin-top:45px;
    }

    .wn-solutions .wn-final-path-arrow{
        height:32px;
        display:grid;
        place-items:center;
        transform:rotate(90deg);
        text-align:left;
    }

    .wn-solutions .wn-final-path-item strong{
        font-size:14px;
    }
}
/* Solution card CTA */
.wn-sol-card .wn-sol-text-link {
    color: #111827;
}

.wn-sol-card .wn-sol-text-link:hover {
    color: #2563eb;
}

/* Dark solution card */
.wn-sol-card-dark .wn-sol-text-link {
    color: #fff;
}

.wn-sol-card-dark .wn-sol-text-link:hover {
    color: #93c5fd;
}
.wn-sol-catalog .wn-sol-card .wn-sol-card-copy > a.wn-sol-text-link {
    color: #111827 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.wn-sol-catalog .wn-sol-card .wn-sol-card-copy > a.wn-sol-text-link span {
    color: inherit !important;
}

.wn-sol-catalog .wn-sol-card.wn-sol-card-dark .wn-sol-card-copy > a.wn-sol-text-link {
    color: #ffffff !important;
}