/* =========================================================
   TECNICHKOS DIGITAL SERVICE PAGES V1
   ========================================================= */

.tk-digital-service-v1 {
    --tk-orange:#ff690f;
    --tk-navy:#07192b;
    --tk-text:#10273c;
    --tk-muted:#657487;
    --tk-soft:#f5f7f9;
}

.tk-digital-service-v1 .tkds-hero {
    padding:
        clamp(66px,7vw,102px) 0
        clamp(62px,7vw,94px);

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(255,105,15,.13),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #fff,
            #f7f9fb
        );

    overflow:hidden;
}

.tk-digital-service-v1 .tkds-hero-grid {
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.92fr);

    gap:
        clamp(42px,6vw,78px);

    align-items:center;
}

.tk-digital-service-v1 .tkds-kicker {
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:20px;

    color:#e95e00;

    font-size:.79rem;
    font-weight:900;

    letter-spacing:.13em;
    text-transform:uppercase;
}

.tk-digital-service-v1 .tkds-kicker::before {
    content:"";

    width:22px;
    height:2px;

    background:var(--tk-orange);
}

.tk-digital-service-v1 .tkds-hero h1 {
    max-width:780px;

    margin:0 0 22px;

    font-size:
        clamp(2.55rem,4.6vw,4.25rem);

    line-height:1.02;
    letter-spacing:-.05em;
}

.tk-digital-service-v1 .tkds-lead {
    max-width:770px;

    margin:0;

    font-size:
        clamp(1.05rem,1.6vw,1.25rem);

    line-height:1.72;

    color:var(--tk-muted);
}

.tk-digital-service-v1 .tkds-remote {
    margin-top:24px;

    padding:16px 18px;

    max-width:760px;

    border-left:3px solid var(--tk-orange);

    border-radius:0 12px 12px 0;

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

    line-height:1.6;

    color:#33485a;
}

.tk-digital-service-v1 .tkds-actions {
    display:flex;
    flex-wrap:wrap;

    gap:12px;

    margin-top:28px;
}

.tk-digital-service-v1 .tkds-button {
    display:inline-flex;

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

    min-height:50px;

    padding:12px 21px;

    border-radius:999px;

    font-weight:900;

    text-decoration:none !important;
}

.tk-digital-service-v1 .tkds-primary {
    color:#fff !important;

    background:
        linear-gradient(
            135deg,
            #ff690f,
            #ff7d1b
        );

    box-shadow:
        0 12px 30px
        rgba(255,105,15,.20);
}

.tk-digital-service-v1 .tkds-secondary {
    color:var(--tk-navy) !important;

    border:
        1px solid
        rgba(7,25,43,.17);

    background:#fff;
}

.tk-digital-service-v1 .tkds-hero-visual,
.tk-digital-service-v1 .tkds-visual {
    position:relative;

    margin:0;

    overflow:hidden;

    border-radius:24px;

    border:
        1px solid
        rgba(11,32,54,.08);

    background:#e9edf1;

    box-shadow:
        0 24px 66px
        rgba(11,32,54,.13);
}

.tk-digital-service-v1 .tkds-hero-visual img,
.tk-digital-service-v1 .tkds-visual img {
    display:block;

    width:100%;

    height:100%;

    object-fit:cover;
}

.tk-digital-service-v1 .tkds-hero-visual img {
    aspect-ratio:16/10;
}

.tk-digital-service-v1 .tkds-section {
    padding:
        clamp(62px,6.5vw,90px) 0;
}

.tk-digital-service-v1 .tkds-section.soft {
    background:var(--tk-soft);
}

.tk-digital-service-v1 .tkds-section h2 {
    max-width:930px;

    margin:0 0 25px;

    font-size:
        clamp(2.1rem,3.8vw,3.35rem);

    line-height:1.08;
    letter-spacing:-.04em;
}

.tk-digital-service-v1 .tkds-copy {
    max-width:960px;

    font-size:1.02rem;
    line-height:1.78;

    color:#364d60;
}

.tk-digital-service-v1 .tkds-copy p {
    margin:
        0 0 18px;
}

.tk-digital-service-v1 .tkds-feature-grid {
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:18px;

    margin-top:34px;
}

.tk-digital-service-v1 .tkds-feature {
    padding:26px 24px;

    border:
        1px solid
        rgba(11,32,54,.09);

    border-radius:18px;

    background:#fff;

    box-shadow:
        0 10px 28px
        rgba(11,32,54,.045);
}

.tk-digital-service-v1 .tkds-feature::before {
    content:"";

    display:block;

    width:30px;
    height:3px;

    margin-bottom:18px;

    border-radius:999px;

    background:var(--tk-orange);
}

.tk-digital-service-v1 .tkds-feature h3 {
    margin:0 0 11px;

    font-size:1.15rem;
    line-height:1.3;
}

.tk-digital-service-v1 .tkds-feature p {
    margin:0;

    line-height:1.68;

    color:#637385;
}

.tk-digital-service-v1 .tkds-split {
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,.92fr);

    gap:
        clamp(42px,6vw,72px);

    align-items:center;
}

.tk-digital-service-v1 .tkds-visual img {
    aspect-ratio:16/9;
}

.tk-digital-service-v1 .tkds-process {
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:17px;

    margin-top:34px;
}

.tk-digital-service-v1 .tkds-step {
    padding:24px 22px;

    border:
        1px solid
        rgba(11,32,54,.09);

    border-radius:18px;

    background:#fff;
}

.tk-digital-service-v1 .tkds-step-num {
    display:inline-flex;

    width:42px;
    height:42px;

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

    margin-bottom:17px;

    border-radius:13px;

    background:
        rgba(255,105,15,.10);

    color:var(--tk-orange);

    font-weight:900;
}

.tk-digital-service-v1 .tkds-step h3 {
    margin:0 0 11px;

    font-size:1.08rem;
}

.tk-digital-service-v1 .tkds-step p {
    margin:0;

    line-height:1.65;

    color:#657487;
}

.tk-digital-service-v1 .tkds-remote-panel {
    display:grid;

    grid-template-columns:
        minmax(420px,.92fr)
        minmax(0,1fr);

    gap:
        clamp(40px,6vw,70px);

    align-items:center;
}

.tk-digital-service-v1 .tkds-final {
    padding:
        clamp(68px,7vw,96px) 0;

    background:
        linear-gradient(
            135deg,
            #07192b,
            #132d41
        );

    color:#fff;
}

.tk-digital-service-v1 .tkds-final h2 {
    color:#fff;

    max-width:900px;
}

.tk-digital-service-v1 .tkds-final p {
    max-width:900px;

    line-height:1.7;

    color:
        rgba(255,255,255,.76);
}

@media(max-width:980px) {

    .tk-digital-service-v1 .tkds-hero-grid,
    .tk-digital-service-v1 .tkds-split,
    .tk-digital-service-v1 .tkds-remote-panel {
        grid-template-columns:1fr;
    }

    .tk-digital-service-v1 .tkds-feature-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .tk-digital-service-v1 .tkds-process {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}

@media(max-width:640px) {

    .tk-digital-service-v1 .tkds-feature-grid,
    .tk-digital-service-v1 .tkds-process {
        grid-template-columns:1fr;
    }

    .tk-digital-service-v1 .tkds-actions {
        flex-direction:column;
    }

    .tk-digital-service-v1 .tkds-button {
        width:100%;
    }

}