.service-band{padding:82px 0 88px;background:#f5f8f8;border-bottom:1px solid #e1eaec}
.band-heading{max-width:700px;margin-bottom:34px}
.band-heading h2{margin:0 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-1.5px}
.band-heading p{margin:0;color:#64767c;font-size:17px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}
.service-tile{position:relative;min-height:260px;padding:24px;border:1px solid #dde7e9;border-radius:14px;background:#fff;transition:.25s ease}
.service-tile:hover{transform:translateY(-5px);border-color:#b9d8de;box-shadow:0 18px 40px rgba(6,47,56,.08)}
.service-top{display:flex;align-items:center;justify-content:space-between}
.service-icon{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:10px;background:#eaf6ef;color:#398f4d;font-size:19px;font-weight:900}
.service-number{color:#b6c6c9;font-size:11px;font-weight:900;letter-spacing:1px}
.service-tile h3{margin:23px 0 8px;font-size:20px}
.service-tile p{margin:0 0 22px;color:#64767c;font-size:14px;line-height:1.65}
.service-tile a{position:absolute;left:24px;bottom:22px;color:#0b7c92;text-decoration:none;font-size:12px;font-weight:800}
.service-tile a span{margin-left:5px}

.performance-section{background:#fff}
.performance-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.performance-heading h2{margin:0;font-size:clamp(34px,4.4vw,54px);line-height:1.08;letter-spacing:-1.8px}
.visibility-visual{margin-top:38px;padding:22px;border:1px solid #dfe9eb;border-radius:14px;background:#f7fafa}
.visibility-header{display:flex;justify-content:space-between;color:#6f8388;font-size:9px;font-weight:900;letter-spacing:1.2px}
.visibility-header i{width:7px;height:7px;border-radius:50%;background:#72b52b;box-shadow:0 0 0 5px rgba(114,181,43,.1)}
.visibility-bars{margin-top:18px}
.visibility-bars div{display:grid;grid-template-columns:70px 1fr 38px;gap:10px;align-items:center;margin:13px 0}
.visibility-bars span,.visibility-bars em{color:#6d8186;font-size:10px;font-style:normal}
.visibility-bars em{text-align:right;font-weight:800}
.visibility-bars b{position:relative;height:6px;border-radius:20px;background:#dfe9ea;overflow:hidden}
.visibility-bars b:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--value);border-radius:inherit;background:linear-gradient(90deg,#1498b5,#72b52b)}
.performance-copy{border-top:1px solid #dfe8ea}
.performance-point{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #dfe8ea}
.performance-point>span{padding-top:3px;color:#9aadb1;font-size:10px;font-weight:900;letter-spacing:1px}
.performance-point p{margin:0;color:#52666c;font-size:16px;line-height:1.65}
.performance-point.lead-point p{color:#173a43;font-size:20px;font-weight:800;line-height:1.45}

.problems-section{position:relative;overflow:hidden;background:#032a34;color:#fff}
.problem-glow{position:absolute;width:600px;height:600px;right:-250px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(20,152,181,.13),transparent 68%)}
.problems-heading{position:relative;max-width:780px;margin:0 auto 38px;text-align:center}
.problems-heading .kicker{color:#77c7d8}
.problems-heading h2{margin:0 0 12px;color:#fff;font-size:clamp(34px,4.2vw,52px);line-height:1.1}
.problems-heading p{margin:0;color:#9db7bc}
.problem-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.problem-card{position:relative;display:grid;grid-template-columns:34px 1fr;gap:13px;min-height:112px;padding:21px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.04)}
.problem-index{position:absolute;right:14px;top:12px;color:rgba(255,255,255,.14);font-size:10px;font-weight:900}
.problem-check{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(114,181,43,.12);color:#7ed469;font-weight:900}
.problem-card p{margin:3px 0 0;color:#dce8ea;font-size:14px;line-height:1.55}
.problem-challenge{position:relative;display:flex;align-items:center;gap:20px;margin-top:22px;padding:19px 22px;border:1px solid rgba(114,181,43,.18);border-left:4px solid #72b52b;border-radius:8px;background:rgba(255,255,255,.035)}
.problem-challenge span{color:#72b52b;font-size:9px;font-weight:900;letter-spacing:1.4px}
.problem-challenge strong{font-size:15px}

.ecosystem-section{background:#f4f8f8}
.ecosystem-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}
.ecosystem-copy h2{margin:0 0 18px;font-size:clamp(34px,4.4vw,54px);line-height:1.08;letter-spacing:-1.8px}
.ecosystem-flow{display:block;margin:0 0 13px;color:#0a7d93;font-size:18px}
.ecosystem-copy p{margin:0;color:#64767c;font-size:16px;line-height:1.75}
.ecosystem-diagram{position:relative;min-height:430px;border:1px solid #dce7e9;border-radius:50%;background:radial-gradient(circle at center,#fff 0 31%,rgba(255,255,255,.5) 32% 49%,transparent 50%),repeating-radial-gradient(circle at center,transparent 0 82px,rgba(6,47,56,.055) 83px 84px)}
.ecosystem-core{position:absolute;z-index:3;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:142px;height:142px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#073f4b,#032a34);box-shadow:0 18px 40px rgba(6,47,56,.18);color:#fff}
.ecosystem-core span{font-size:10px;letter-spacing:2px}.ecosystem-core strong{color:#72b52b;font-size:31px;line-height:1}.ecosystem-core small{margin-top:7px;color:#8eb0b7;font-size:7px;letter-spacing:1px}
.source{position:absolute;z-index:4;display:grid;place-items:center;width:92px;height:42px;border:1px solid #d7e4e6;border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(6,47,56,.07);color:#39545a;font-size:9px;font-weight:900;letter-spacing:.8px}
.source-one{left:9%;top:17%}.source-two{right:8%;top:17%}.source-three{left:2%;top:47%}.source-four{right:1%;top:47%}.source-five{left:13%;bottom:13%}.source-six{right:12%;bottom:13%}
.connector{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,rgba(20,152,181,.15),rgba(20,152,181,.75));transform-origin:left center}
.connector-one{left:25%;top:28%;width:28%;transform:rotate(26deg)}
.connector-two{left:51%;top:50%;width:29%;transform:rotate(-48deg)}
.connector-three{left:18%;top:52%;width:34%}
.connector-four{left:50%;top:52%;width:35%}
.connector-five{left:26%;top:75%;width:29%;transform:rotate(-27deg)}
.connector-six{left:51%;top:53%;width:30%;transform:rotate(48deg)}

.why-section{background:#fff}
.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.why-heading h2{margin:0 0 17px;font-size:clamp(34px,4.2vw,50px);line-height:1.1;letter-spacing:-1.6px}
.why-intro{color:#64767c;font-size:16px}
.why-list{border-top:1px solid #dfe8ea}
.why-item{display:grid;grid-template-columns:40px 1fr 24px;gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid #dfe8ea}
.why-item>span{color:#a2b3b7;font-size:10px;font-weight:900}
.why-item p{margin:0;color:#2e484e;font-size:15px}
.why-item i{color:#1498b5;font-style:normal}

.cta-section{padding-top:25px}
.cta-panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:52px 56px;border-radius:18px;background:linear-gradient(120deg,#032a34,#074b58);color:#fff;box-shadow:0 24px 55px rgba(6,47,56,.13)}
.cta-grid-pattern{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:38px 38px}
.cta-copy{position:relative;z-index:2;max-width:730px}
.cta-copy .kicker{color:#7bd16a}
.cta-copy h2{margin:0 0 12px;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.08}
.cta-copy p{margin:0;color:#c3d8dc;font-size:16px}
.cta-button{
    position:relative;
    z-index:2;
    flex:0 0 auto;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    min-height:52px;
    padding:14px 24px;

    border:1px solid rgba(255,255,255,.18);
    border-radius:9px;

    background:linear-gradient(135deg,#68d45f,#4fc664);
    color:#fff !important;

    font-size:14px;
    font-weight:800;
    text-decoration:none;

    box-shadow:0 12px 28px rgba(61,180,86,.22);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.cta-button:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(61,180,86,.32);
    color:#fff !important;
}

.cta-button:focus{
    outline:2px solid rgba(255,255,255,.8);
    outline-offset:3px;
}



/* =========================================================
   DECISION INTELLIGENCE ECOSYSTEM
   Client update: replaces the previous "DecisionWan Connects"
   diagram with the core Smarter Decisions message.
   ========================================================= */
.decision-intelligence-section{
    background:#f4f8f8;
}
.decision-intelligence-layout{
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:70px;
    align-items:center;
}
.decision-intelligence-copy{
    max-width:760px;
}
.decision-intelligence-copy h2{
    margin:0 0 22px;
    font-size:clamp(34px,4.4vw,54px);
    line-height:1.08;
    letter-spacing:-1.8px;
    color:#173a43;
}
.decision-intelligence-copy p{
    margin:0 0 16px;
    color:#52666c;
    font-size:16px;
    line-height:1.72;
}
.decision-intelligence-copy p strong{
    color:#173a43;
}
.decision-intelligence-pillars{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:25px;
}
.decision-intelligence-pillars span{
    display:inline-flex;
    align-items:center;
    min-height:31px;
    padding:7px 10px;
    border:1px solid #d6e5e7;
    border-radius:999px;
    background:#fff;
    color:#0a6f83;
    font-size:9px;
    font-weight:900;
    letter-spacing:.75px;
}
.decision-intelligence-visual{
    margin:0;
    padding:18px;
    border:1px solid #dce7e9;
    border-radius:18px;
    background:#fff;
    box-shadow:0 20px 45px rgba(6,47,56,.08);
}
.decision-intelligence-visual img{
    display:block;
    width:100%;
    height:auto;
    border-radius:12px;
}

@media(max-width:850px){
    .decision-intelligence-layout{
        grid-template-columns:1fr;
        gap:38px;
    }
    .decision-intelligence-visual{
        width:min(100%,620px);
        margin:0 auto;
    }
}

@media(max-width:640px){
    .decision-intelligence-section{
        padding-top:62px;
        padding-bottom:62px;
    }
    .decision-intelligence-layout{
        gap:28px;
    }
    .decision-intelligence-copy h2{
        font-size:36px;
        letter-spacing:-1.2px;
    }
    .decision-intelligence-copy p{
        font-size:15px;
    }
    .decision-intelligence-visual{
        padding:10px;
        border-radius:14px;
    }
}

@media(max-width:1100px){
    .home-hero-grid{grid-template-columns:1fr;gap:25px}
    .home-copy{max-width:820px}
    .home-visual{width:min(100%,650px);min-height:520px;margin:0 auto}
    .intelligence-shell{left:50%;right:auto;transform:translateX(-50%)}
    .floating-one{left:0}.floating-two{right:0}
    .service-grid{grid-template-columns:repeat(2,1fr)}
    .performance-grid,.ecosystem-layout,.why-grid{gap:50px}
}
@media(max-width:850px){
    .home-copy h1{letter-spacing:-1.7px}
    .intelligence-pipeline{overflow-x:auto;justify-content:flex-start;gap:14px}
    .pipeline-step{flex:0 0 auto}.pipeline-arrow{flex:0 0 auto}
    .performance-grid,.ecosystem-layout,.why-grid{grid-template-columns:1fr}
    .problem-grid{grid-template-columns:repeat(2,1fr)}
    .ecosystem-diagram{width:min(100%,560px);margin:auto}
    .cta-panel{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
    .home-hero-grid{padding:62px 0 38px}
    .home-copy h1{font-size:43px;letter-spacing:-1.3px}
    .hero-intro{font-size:16px}
    .hero-trust{gap:8px 14px}
    .home-visual{min-height:470px}
    .intelligence-shell{top:18px;width:100%;padding:14px;border-radius:15px}
    .intel-topbar small{letter-spacing:1px}
    .intel-kpis{gap:6px}.intel-kpi{padding:10px}.intel-kpi strong{font-size:20px}
    .intel-main{grid-template-columns:1.35fr .85fr;gap:6px}
    .map-panel,.trend-panel{min-height:150px;padding:9px}
    .floating-card{display:none}
    .intelligence-pipeline{margin-left:-14px;margin-right:-14px;border-radius:0;padding:16px 14px}
    .service-band{padding:60px 0}
    .service-grid,.problem-grid{grid-template-columns:1fr}
    .service-tile{min-height:235px}
    .performance-section,.problems-section,.ecosystem-section,.why-section{padding-top:62px;padding-bottom:62px}
    .problem-challenge{align-items:flex-start;flex-direction:column;gap:5px}
    .ecosystem-diagram{min-height:340px}
    .ecosystem-core{width:112px;height:112px}.ecosystem-core strong{font-size:25px}
    .source{width:76px;height:36px;font-size:7px}
    .cta-panel{padding:36px 25px}
}
@media(max-width:430px){
    .home-copy h1{font-size:38px}
    .hero-actions{align-items:stretch;flex-direction:column}
    .hero-btn{width:100%}
    .home-visual{min-height:445px}
    .intel-main{grid-template-columns:1fr}
    .trend-panel{display:none}
    .intel-kpi span{font-size:7px}
    .ai-insight small{display:none}
    .ecosystem-diagram{min-height:310px}
    .source-three,.source-four{top:45%}
}



/* =========================================================
   DECISIONWAN HERO IMAGE SLIDER
   Images:
   assets/images/decisionwan-slide-01.jpg
   assets/images/decisionwan-slide-02.jpg
   assets/images/decisionwan-slide-03.jpg
   ========================================================= */

.hero-slider{
    position:relative;
    height:clamp(620px,72vh,790px);
    min-height:620px;
    overflow:hidden;
    background:#032a34;
    color:#fff;
}
.hero-slides,
.hero-slide{
    position:absolute;
    inset:0;
}
.hero-slide{
    opacity:0;
    visibility:hidden;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    transform:scale(1.025);
    transition:opacity .9s ease,visibility .9s ease,transform 7s ease;
}
.hero-slide.is-active{
    opacity:1;
    visibility:visible;
    transform:scale(1);
    z-index:2;
}
.hero-slide-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,
            rgba(2,24,31,.38) 0%,
            rgba(2,31,39,.28) 30%,
            rgba(2,31,39,.16) 56%,
            rgba(2,31,39,.06) 82%,
            rgba(2,31,39,.03) 100%),
        linear-gradient(0deg,
            rgba(2,28,36,.22),
            transparent 42%);
}
.hero-slide-content{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    height:100%;
}
.hero-slide-copy{
    width:min(720px,58%);
    padding-bottom:25px;
}
.hero-slide .home-eyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
    color:#d2e5e8;
    font-size:12px;
    font-weight:800;
    letter-spacing:3.5px;
}
.hero-slide h1,
.hero-slide h2{
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(46px,5.4vw,78px);
    line-height:1.01;
    letter-spacing:-2.8px;
    text-shadow:0 3px 22px rgba(0,0,0,.22);
}
.hero-slide h2 span,
.hero-slide h1 span{
    color:#65d35e;
}
.hero-slide p{
    max-width:670px;
    margin:0;
    color:#e0ecee;
    font-size:18px;
    line-height:1.68;
    text-shadow:0 2px 12px rgba(0,0,0,.32);
}
.hero-slide .hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:31px;
}
.hero-slide .hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:50px;
    padding:13px 21px;
    border-radius:8px;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.hero-slide .hero-btn.primary{
    background:linear-gradient(135deg,#68d45f,#4fc664);
    color:#fff;
    box-shadow:0 12px 28px rgba(61,180,86,.20);
}
.hero-slide .hero-btn.primary:hover{transform:translateY(-2px)}
.hero-slide .hero-btn.ghost{
    border:1px solid rgba(255,255,255,.58);
    background:rgba(2,31,39,.22);
    color:#fff;
    backdrop-filter:blur(5px);
}
.hero-slide .hero-btn.ghost:hover{background:rgba(255,255,255,.10)}

.slider-arrow{
    position:absolute;
    z-index:8;
    top:50%;
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    transform:translateY(-50%);
    border:1px solid rgba(255,255,255,.28);
    border-radius:50%;
    background:rgba(2,31,39,.36);
    color:#fff;
    font-size:31px;
    line-height:1;
    cursor:pointer;
    backdrop-filter:blur(7px);
    transition:.2s ease;
}
.slider-arrow:hover{
    background:rgba(20,152,181,.72);
    border-color:rgba(255,255,255,.55);
}
.slider-prev{left:24px}
.slider-next{right:24px}

.slider-dots{
    position:absolute;
    z-index:8;
    left:50%;
    bottom:31px;
    display:flex;
    gap:9px;
    transform:translateX(-50%);
}
.slider-dot{
    width:9px;
    height:9px;
    padding:0;
    border:1px solid rgba(255,255,255,.78);
    border-radius:50%;
    background:transparent;
    cursor:pointer;
    transition:.25s ease;
}
.slider-dot.is-active{
    width:28px;
    border-radius:8px;
    border-color:#68d45f;
    background:#68d45f;
}
.slider-progress{
    position:absolute;
    z-index:8;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    background:rgba(255,255,255,.10);
}
.slider-progress span{
    display:block;
    width:0;
    height:100%;
    background:linear-gradient(90deg,#72b52b,#1eb1c9);
}
@keyframes decisionwanSlideProgress{
    from{width:0}
    to{width:100%}
}

.slider-capability-bar{
    background:#032a34;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
}
.slider-capability-inner{
    display:grid;
    grid-template-columns:repeat(6,1fr);
}
.slider-capability{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:58px;
    border-right:1px solid rgba(255,255,255,.08);
}
.slider-capability:first-child{border-left:1px solid rgba(255,255,255,.08)}
.slider-capability span{
    color:#64868d;
    font-size:9px;
    font-weight:900;
}
.slider-capability strong{
    color:#dce9eb;
    font-size:10px;
    letter-spacing:1.1px;
}

@media(max-width:900px){
    .hero-slider{
        height:650px;
        min-height:650px;
    }
    .hero-slide-overlay{
        background:
            linear-gradient(90deg,
                rgba(2,24,31,.40),
                rgba(2,31,39,.25) 68%,
                rgba(2,31,39,.10));
    }
    .hero-slide-copy{width:76%}
    .slider-capability-inner{
        overflow-x:auto;
        display:flex;
    }
    .slider-capability{
        flex:0 0 150px;
        padding:0 14px;
    }
}
@media(max-width:640px){
    .hero-slider{
    }
    .hero-slide{
        background-position:62% center;
    }
    .hero-slide-overlay{
        background:
            linear-gradient(90deg,
                rgba(2,24,31,.38),
                rgba(2,31,39,.25)),
            linear-gradient(0deg,
                rgba(2,28,36,.25),
                transparent);
    }
    .hero-slide-copy{
        width:100%;
        padding:40px 18px 65px 0;
    }
    .hero-slide h1,
    .hero-slide h2{
        font-size:43px;
        letter-spacing:-1.6px;
    }
    .hero-slide p{font-size:16px}
    .slider-arrow{
        top:auto;
        bottom:20px;
        width:38px;
        height:38px;
        font-size:25px;
    }
    .slider-prev{left:18px}
    .slider-next{right:18px}
    .slider-dots{bottom:34px}
}
@media(max-width:430px){
    .hero-slider{height:700px;min-height:700px}
    .hero-slide h1,.hero-slide h2{font-size:38px}
    .hero-slide .hero-actions{flex-direction:column;align-items:stretch}
    .hero-slide .hero-btn{width:100%}
}


/* Slider cleanup: image carries the message; HTML overlay keeps buttons only */
.hero-slide-buttons-only{
    width:auto;
    max-width:none;
    align-self:flex-end;
    padding:0 0 72px;
}
.hero-slide-buttons-only .hero-actions{
    margin-top:0;
}
.hero-slide-buttons-only .hero-btn{
    box-shadow:0 10px 28px rgba(0,0,0,.20);
}
@media(max-width:640px){
    .hero-slide-buttons-only{
        width:100%;
        padding:0 54px 76px 0;
    }
}
/* DecisionWan Footer Contact Details */

.footer-contact .footer-address {
    margin-bottom: 14px;
}

.footer-contact-link {
    display: block;
    width: fit-content;
    margin: 8px 0;

    color: #65d960 !important;
    font-size: 15px;
    font-weight: 700;

    text-decoration: none;
    transition: all .2s ease;
}

.footer-contact-link span {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    opacity: .8;
}

.footer-contact-link:hover {
    color: #ffffff !important;
    transform: translateX(3px);
}

.footer-email {
    color: #65d960 !important;
}
/* =========================================================
   DECISIONWAN WEBSITE READABILITY ENHANCEMENT
   Improves body/content readability across the website
   ========================================================= */

body {
    font-size: 17px;
    line-height: 1.7;
}

/* Main paragraph/content text */
p,
.service-tile p,
.performance-point p,
.problem-card p,
.ecosystem-copy p,
.why-intro,
.why-item p,
.cta-copy p,
.decision-intelligence-copy p {
    font-size: 18px;
    line-height: 1.75;
}

/* Keep headings visually balanced */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.15;
}

/* Mobile */
@media (max-width: 640px) {
    body {
        font-size: 16px;
    }

    p,
    .service-tile p,
    .performance-point p,
    .problem-card p,
    .ecosystem-copy p,
    .why-intro,
    .why-item p,
    .cta-copy p,
    .decision-intelligence-copy p {
        font-size: 17px;
        line-height: 1.7;
    }
}
/* CLIENT FINAL UPDATE — 25 SEP 2026 */
.final-home-hero{background:#f4f8f8}.final-home-hero-inner{max-width:920px;padding-top:30px;padding-bottom:30px}.final-home-hero h1{font-size:clamp(42px,5vw,68px);margin:10px 0 20px;color:#173a43}.final-home-hero p,.final-lead{font-size:20px;line-height:1.7;color:#52666c;max-width:900px}.final-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.ghost-dark{border:1px solid #0a7d93;color:#0a6f83!important;background:#fff}.final-how h2,.final-problems h2,.final-experience h2{font-size:clamp(32px,4vw,48px);margin:8px 0 25px}.step-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:22px 0}.step-strip span{padding:18px 10px;text-align:center;border:1px solid #dce7e9;border-radius:10px;background:#f7fafa;font-weight:800;color:#173a43}.text-link{color:#0a7d93;font-weight:800;text-decoration:none}.final-problems{background:#032a34;color:#fff}.final-problems h2,.final-problems .final-emphasis{color:#fff}.final-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.final-card-grid.three{grid-template-columns:repeat(3,1fr)}.final-card-grid article{padding:25px;border:1px solid #dce7e9;border-radius:14px;background:#fff;color:#2e484e}.final-problems .final-card-grid article{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#e4eef0}.final-card-grid article h3{margin:0 0 10px;color:#173a43;font-size:21px}.final-card-grid article p{margin:0}.final-emphasis{margin:28px 0 0;font-size:21px;font-weight:800}.final-experience p{max-width:980px;font-size:19px;line-height:1.75}.final-experience .hero-btn{margin-top:15px}.final-two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.final-two-col>p,.final-two-col>div>p{font-size:18px;line-height:1.75}.final-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.final-steps article{padding:24px;border:1px solid #dce7e9;border-radius:14px}.final-steps b{color:#0a7d93;font-size:12px}.final-steps h3{font-size:23px;margin:8px 0}.final-steps p{margin:0}.service-final-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.service-final-card{padding:28px;border:1px solid #dce7e9;border-radius:14px;background:#fff}.service-final-card>span{color:#0a7d93;font-weight:900}.service-final-card h2{font-size:27px;margin:8px 0}.service-final-card h3{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin:20px 0 8px}.service-final-card ul{margin:0;padding-left:20px;line-height:1.8}.final-center{text-align:center;margin-top:35px}.final-center p{font-weight:800}.final-cta{padding-top:25px}.final-cta-box{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px 48px;border-radius:16px;background:#032a34;color:#fff}.final-cta-box h2{margin:0;color:#fff;max-width:780px}.decisionwan-contact select{width:100%;min-height:48px;padding:12px;border:1px solid #d8e3e5;border-radius:8px;background:#fff;color:#203b42;font:inherit}.privacy-note{font-size:14px!important;color:#708287}.site-footer .footer-contact p{font-size:15px;line-height:1.6}@media(max-width:850px){.step-strip{grid-template-columns:repeat(3,1fr)}.final-card-grid.three,.final-steps{grid-template-columns:1fr 1fr}.final-two-col{grid-template-columns:1fr;gap:25px}}@media(max-width:640px){.final-home-hero p,.final-lead,.final-experience p{font-size:17px}.step-strip,.final-card-grid,.final-card-grid.three,.final-steps,.service-final-grid{grid-template-columns:1fr}.final-cta-box{align-items:flex-start;flex-direction:column;padding:32px 24px}}/* =========================================================
   FINAL HOMEPAGE BUTTONS
   ========================================================= */

.final-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 24px;

    border-radius: 8px;

    font-size: 16px;
    font-weight: 800;
    line-height: 1;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.final-btn-primary,
.final-btn-primary:visited {
    background: #55cf62;
    color: #ffffff !important;
    border: 1px solid #55cf62;
}

.final-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(36, 120, 70, .20);
}

.final-btn-outline,
.final-btn-outline:visited {
    background: #ffffff;
    color: #087c91 !important;
    border: 2px solid #087c91;
}

.final-btn-outline:hover {
    background: #087c91;
    color: #ffffff !important;
}

.final-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
}

@media (max-width: 640px) {

    .final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .final-btn {
        width: 100%;
    }
}
/* =========================================================
   DECISIONWAN FINAL HOMEPAGE SCALE / READABILITY FIX
   ========================================================= */

/* New homepage sections */
.final-home-hero .wrap,
.final-how .wrap,
.final-problems .wrap,
.final-experience .wrap,
.final-cta .wrap {
    width: min(1240px, calc(100% - 48px));
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

/* General section spacing */
.final-home-hero,
.final-how,
.final-problems,
.final-experience {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Section labels */
.final-home-hero .kicker,
.final-how .kicker,
.final-problems .kicker,
.final-experience .kicker {
    display: block;
    margin-bottom: 12px;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: 2px;

    color: #55cf62;
}

/* =========================================================
   FROM DATA TO DECISIONS
   ========================================================= */

.final-home-hero {
    background: #f4f8f8;
}

.final-home-hero-inner {
    max-width: 1240px !important;
}

.final-home-hero h1 {
    max-width: 1000px;
    margin: 0 0 24px;

    color: #143d46;

    font-size: clamp(48px, 5vw, 72px);
    line-height: 1.05;
    letter-spacing: -2px;
}

.final-home-hero p {
    max-width: 1000px;

    margin: 0;

    color: #52666c;

    font-size: 20px !important;
    line-height: 1.75;
}

/* Buttons */

.final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;

    margin-top: 30px;
}

.final-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;
    padding: 0 26px;

    border-radius: 8px;

    font-size: 16px;
    line-height: 1;
    font-weight: 800;

    text-decoration: none !important;

    transition: .2s ease;
}

.final-btn-primary,
.final-btn-primary:visited {
    background: #55cf62;
    border: 2px solid #55cf62;

    color: #ffffff !important;
}

.final-btn-primary:hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(36, 120, 70, .20);
}

.final-btn-outline,
.final-btn-outline:visited {
    background: transparent;

    border: 2px solid #087c91;

    color: #087c91 !important;
}

.final-btn-outline:hover {
    background: #087c91;

    color: #ffffff !important;
}

/* =========================================================
   HOW WE WORK
   ========================================================= */

.final-how {
    background: #ffffff;
}

.final-how h2 {
    margin: 0 0 30px;

    color: #143d46;

    font-size: clamp(36px, 4vw, 48px);
    line-height: 1.12;
}

.step-strip {
    display: grid;
    grid-template-columns: repeat(6, 1fr);

    gap: 12px;

    margin: 0 0 25px;
}

.step-strip span {
    min-height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 15px;

    background: #f7fafa;

    border: 1px solid #dce7e9;
    border-radius: 10px;

    color: #173a43;

    font-size: 17px;
    font-weight: 800;
}

.text-link {
    display: inline-block;

    color: #087c91 !important;

    font-size: 17px;
    font-weight: 800;

    text-decoration: none;
}

/* =========================================================
   SOUND FAMILIAR
   ========================================================= */

.final-problems {
    background: #04343e;

    color: #ffffff;
}

.final-problems h2 {
    margin: 0 0 30px;

    color: #ffffff;

    font-size: clamp(36px, 4vw, 48px);
    line-height: 1.12;
}

.final-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 16px;

    margin-top: 25px;
}

.final-problems .final-card-grid article {
    min-height: 95px;

    display: flex;
    align-items: center;

    padding: 24px 26px;

    background: rgba(255, 255, 255, .055);

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 10px;

    color: #ffffff;

    font-size: 18px;
    line-height: 1.55;
}

.final-emphasis {
    max-width: 1050px;

    margin: 30px 0 0;

    color: #ffffff !important;

    font-size: 20px !important;
    line-height: 1.65;
    font-weight: 800;
}

/* =========================================================
   PROFESSIONAL EXPERIENCE
   ========================================================= */

.final-experience {
    background: #ffffff;
}

.final-experience h2 {
    margin: 0 0 22px;

    color: #143d46;

    font-size: clamp(36px, 4vw, 48px);
    line-height: 1.12;
}

.final-experience p {
    max-width: 1050px;

    color: #52666c;

    font-size: 19px !important;
    line-height: 1.75;
}

.final-experience .final-btn {
    margin-top: 20px;
}

/* =========================================================
   FINAL CTA
   ========================================================= */

.final-cta {
    padding: 20px 0 80px;
    background: #ffffff;
}

.final-cta-box {
    min-height: 160px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;

    padding: 38px 45px;

    background: #04343e;

    border-radius: 14px;
}

.final-cta-box h2 {
    max-width: 760px;

    margin: 0;

    color: #ffffff;

    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.15;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .step-strip {
        grid-template-columns: repeat(3, 1fr);
    }

    .final-home-hero,
    .final-how,
    .final-problems,
    .final-experience {
        padding-top: 65px;
        padding-bottom: 65px;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .final-home-hero .wrap,
    .final-how .wrap,
    .final-problems .wrap,
    .final-experience .wrap,
    .final-cta .wrap {
        width: min(100% - 32px, 1240px);
    }

    .final-home-hero,
    .final-how,
    .final-problems,
    .final-experience {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .final-home-hero h1 {
        font-size: 42px;
        letter-spacing: -1.2px;
    }

    .final-home-hero p,
    .final-experience p {
        font-size: 18px !important;
    }

    .step-strip {
        grid-template-columns: 1fr 1fr;
    }

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

    .final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .final-btn {
        width: 100%;
    }

    .final-cta-box {
        flex-direction: column;
        align-items: flex-start;

        padding: 30px 24px;
    }
}
/* =========================================================
   SLIDER IMAGE VISIBILITY FIX
   Preserve lower process/outcome graphics
   ========================================================= */

.hero-slider {
    height: clamp(620px, 56.25vw, 900px);
    min-height: 620px;
    max-height: 900px;
}

/* Show the full width and favour the lower part of the artwork */
.hero-slide {
    background-size: cover;
    background-position: center bottom;
}

/* Large desktop screens */
@media (min-width: 1400px) {
    .hero-slider {
        height: min(56.25vw, 900px);
    }

    .hero-slide {
        background-position: center bottom;
    }
}

/* Tablet */
@media (max-width: 900px) {
    .hero-slider {
        height: 650px;
        min-height: 650px;
    }

    .hero-slide {
        background-position: center bottom;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .hero-slider {
        height: 650px;
        min-height: 650px;
    }

    .hero-slide {
        background-position: 62% bottom;
    }
}

/* Small mobile */
@media (max-width: 430px) {
    .hero-slider {
        height: 700px;
        min-height: 700px;
    }
}
/* Keep slider buttons clear of process strip */
.hero-actions {
    position: absolute;
    left: clamp(36px, 5vw, 84px);
    bottom: 150px;
    z-index: 5;
    display: flex;
    gap: 16px;
}