.twd-home{--p:#1B6D86;--pd:#124C5D;--a:#24A6C7;--v:#6956E7;--green:#16845B;--ink:#26343E;--text:#5B6973;--soft:#F2F8FA;--bd:#DCE8EC;--shadow:0 24px 70px rgba(27,109,134,.14);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff;overflow:hidden}.twd-home *{box-sizing:border-box}.twd-home h1,.twd-home h2,.twd-home h3,.twd-home p{margin-top:0}.twd-home a{text-decoration:none}.twd-home-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:76px 0}.soft{background:linear-gradient(180deg,#FCFEFE,#F1F8FA)}.dark{background:linear-gradient(135deg,#1C292F,#26343E 58%,#174D5D);color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(27,109,134,.16);border-radius:999px;background:rgba(255,255,255,.88);color:var(--p);font-size:13px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--v));box-shadow:0 0 0 5px rgba(36,166,199,.11)}.dark .eyebrow{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#BCEBF1}.head{max-width:880px;margin-bottom:46px}.head h2,.two-col h2,.consult h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.04em;margin:16px 0}.head h2 span,.two-col h2 span,.consult h2 span{background:linear-gradient(90deg,var(--p),var(--a),var(--v));-webkit-background-clip:text;background-clip:text;color:transparent}.dark h2 span{background:linear-gradient(90deg,#86DDE9,#C0B6FF);-webkit-background-clip:text;background-clip:text;color:transparent}.head p,.two-col p,.consult p{font-size:18px;color:var(--text)}.dark .head p,.dark .light{color:rgba(255,255,255,.72)}
.twd-home-hero{padding:82px 0 72px;background:radial-gradient(circle at 90% 12%,rgba(105,86,231,.12),transparent 25%),radial-gradient(circle at 78% 34%,rgba(36,166,199,.13),transparent 23%),linear-gradient(180deg,#FCFEFF,#F0F8FA)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:58px;align-items:center}.twd-home-hero h1{font-size:clamp(42px,4.6vw,64px);line-height:1.04;letter-spacing:-.05em;margin:20px 0 24px}.twd-home-hero h1 span{background:linear-gradient(90deg,var(--p),var(--a),var(--v));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(18px,2vw,21px);color:#5D6C76;margin-bottom:32px}.actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:12px;border:1px solid transparent;font-size:15px;font-weight:850;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,var(--p),var(--a),var(--v));box-shadow:0 14px 30px rgba(27,109,134,.24)}.secondary{background:#fff;color:var(--ink);border-color:var(--bd)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.chips span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--bd);font-size:13px;font-weight:800;color:#586872}.command-card{padding:24px;border-radius:28px;background:#fff;border:1px solid var(--bd);box-shadow:0 30px 80px rgba(27,109,134,.17)}.command-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--bd)}.command-head small,.command-head strong{display:block}.command-head small{font-size:9px;letter-spacing:.09em;color:#75858D;font-weight:900}.command-head strong{font-size:20px}.command-head>span{font-size:10px;font-weight:900;color:var(--green);background:#EAF7F1;padding:6px 9px;border-radius:999px}.flow{display:grid;gap:5px;margin-top:15px}.flow>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px 13px;border-radius:13px;background:#F9FCFD;border:1px solid var(--bd)}.flow>div>b{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--p),var(--a));color:#fff;font-size:9px}.flow p{margin:0}.flow strong,.flow span{display:block}.flow strong{font-size:13px}.flow span{font-size:10px;color:var(--text)}.flow i{text-align:center;font-style:normal;color:#94A4AB}.cap-strip{padding:17px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);background:#fff}.strip{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.strip span{font-size:12px;font-weight:850;color:#56666E}.strip i{font-style:normal;color:var(--a)}
.grid{display:grid;gap:14px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid article{padding:24px;border:1px solid var(--bd);border-radius:18px;background:#fff}.grid article em,.services-grid em{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#EDF7FA;color:var(--p);font-style:normal;font-weight:900;margin-bottom:13px}.grid h3{font-size:18px;margin-bottom:6px}.grid p{font-size:13px;color:var(--text);margin:0}.two-col{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-grid div{padding:15px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.system-grid b,.system-grid span{display:block}.system-grid b{font-size:14px}.system-grid span{font-size:10px;color:rgba(255,255,255,.65)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.services-grid>a{display:block;padding:24px;border:1px solid var(--bd);border-radius:18px;background:#fff;color:var(--ink);transition:.2s;box-shadow:0 7px 22px rgba(38,52,62,.04)}.services-grid>a:hover,.industry-grid>a:hover,.insight-grid>a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.services-grid h3{font-size:19px;margin:14px 0 7px}.services-grid p{font-size:13px;color:var(--text);margin:0}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.industry-grid>a,.insight-grid>a{padding:25px;border-radius:20px;border:1px solid var(--bd);background:linear-gradient(145deg,#fff,#F6FBFC);color:var(--ink);display:flex;flex-direction:column;transition:.2s}.industry-grid>a{min-height:230px}.industry-grid small,.insight-grid small{font-size:9px;letter-spacing:.08em;color:var(--p);font-weight:900}.industry-grid h3{font-size:21px;line-height:1.25;margin:15px 0 auto}.industry-grid span,.insight-grid span{font-size:12px;font-weight:900;color:var(--p);margin-top:20px}.values{display:grid;gap:9px}.values div{padding:14px 15px;border-radius:13px;background:#fff;border:1px solid var(--bd)}.values b,.values span{display:block}.values span{font-size:11px;color:var(--text);margin-top:3px}.process{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.process>div{padding:15px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);min-width:160px;text-align:center}.process b,.process strong,.process span{display:block}.process b{font-size:9px;color:#8CE3ED}.process strong{font-size:14px}.process span{font-size:9px;color:rgba(255,255,255,.65)}.process i{font-style:normal;color:#8BDCE7}.ai-card{padding:25px;border-radius:24px;background:linear-gradient(135deg,#F6FAFF,#F1FBF8);border:1px solid var(--bd);box-shadow:var(--shadow)}.ai-card>small{font-size:9px;letter-spacing:.08em;color:var(--v);font-weight:900}.ai-card h3{font-size:24px;line-height:1.2;margin:12px 0 18px}.ai-card>div{display:grid;grid-template-columns:62px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--bd)}.ai-card>div:last-child{border-bottom:0}.ai-card span{color:var(--p);font-size:11px;font-weight:900}.ai-card b{font-size:12px}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.insight-grid h3{font-size:22px;line-height:1.25;margin:13px 0 22px}
.consult{background:linear-gradient(180deg,#fff,#F3FAFB)}.consult-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:40px;align-items:start}.whatsapp-card{display:block;margin-top:22px;padding:16px 18px;border:1px solid #BEE8CF;border-radius:15px;background:#F0FBF5;color:var(--ink)}.whatsapp-card strong,.whatsapp-card span{display:block}.whatsapp-card strong{color:#14724F}.whatsapp-card span{font-size:14px;color:#607069}.form-card{background:#fff;border:1px solid var(--bd);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.form-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:#EDF7FA;color:var(--p);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.form-card h3{font-size:28px;margin-bottom:8px}.form-card>p{color:var(--text);margin-bottom:22px}.form-wrap,.form-wrap .frm_forms,.form-wrap .frm_form_fields,.form-wrap .frm_fields_container,.form-wrap form{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.form-wrap .frm_form_field,.form-wrap .frm_submit{width:100%!important;max-width:none!important}.form-wrap input,.form-wrap select,.form-wrap textarea,.form-wrap button{width:100%!important;max-width:100%!important}.final-section{padding:20px 0 90px}.final{border-radius:30px;padding:52px;color:#fff;background:radial-gradient(circle at 95% 10%,rgba(255,255,255,.12),transparent 30%),linear-gradient(135deg,#124C5D,#1B6D86,#24A6C7,#6956E7);box-shadow:0 30px 70px rgba(27,109,134,.25)}.final img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:14px;padding:5px;margin-bottom:18px}.final h2{font-size:clamp(32px,4vw,48px);line-height:1.07;max-width:900px;margin-bottom:12px}.final p{font-size:18px;color:rgba(255,255,255,.82);max-width:790px}.light-btn{background:#fff;color:var(--p)}.outline-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.38)}
@media(max-width:1040px){.hero-grid,.two-col,.consult-grid{grid-template-columns:1fr}.grid.four,.industry-grid,.services-grid,.grid.three{grid-template-columns:1fr 1fr}}@media(max-width:700px){.twd-home-wrap{width:min(100% - 26px,1180px)}.section{padding:64px 0}.twd-home-hero{padding:72px 0 58px}.twd-home-hero h1{font-size:42px}.btn{width:100%}.grid.four,.industry-grid,.services-grid,.grid.three,.insight-grid{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.process{display:grid;grid-template-columns:1fr}.process i{transform:rotate(90deg);text-align:center}.form-card{padding:22px}.final{padding:34px 24px;border-radius:24px}}
/* =========================================================
   THREAD WORK DIGITAL - GWALIOR LOCAL PRESENCE
========================================================= */

.twd-home-location{
    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(36,166,199,.09),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #FFFFFF,
            #F3F9FA
        );
}


.twd-home-location-grid{
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    gap:56px;
    align-items:center;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.twd-home-location-copy h2{
    font-size:clamp(32px,4vw,50px);
    line-height:1.08;
    letter-spacing:-.04em;
    margin:16px 0;
}


.twd-home-location-copy h2 span{
    background:
        linear-gradient(
            90deg,
            var(--p),
            var(--a),
            var(--v)
        );

    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}


.twd-home-location-copy > p{
    max-width:650px;
    color:var(--text);
    font-size:18px;
    line-height:1.75;
}


.twd-home-location-details{
    display:grid;
    gap:10px;
    margin:26px 0;
}


.twd-home-location-detail{
    display:flex;
    align-items:center;
    gap:13px;

    padding:14px 15px;

    background:#FFFFFF;

    border:
        1px solid
        var(--bd);

    border-radius:14px;
}


.twd-home-location-icon{
    width:42px;
    height:42px;

    flex:0 0 42px;

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

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            #E8F6F8,
            #EEF2FF
        );

    color:var(--p);
}


.twd-home-location-icon svg{
    width:20px;
    height:20px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

    stroke-linecap:round;

    stroke-linejoin:round;
}


.twd-home-location-detail small,
.twd-home-location-detail strong{
    display:block;
}


.twd-home-location-detail small{
    color:#82939B;

    font-size:9px;

    font-weight:900;

    letter-spacing:.08em;
}


.twd-home-location-detail strong{
    margin-top:2px;

    color:var(--ink);

    font-size:13px;
}


.twd-home-location-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;

    margin-top:25px;
}


.twd-home-location-note{
    margin-top:17px !important;

    font-size:13px !important;

    color:#71828A !important;
}


/* =========================================================
   VISUAL MAP CARD
========================================================= */

.twd-home-local-map{
    overflow:hidden;

    border:
        1px solid
        var(--bd);

    border-radius:26px;

    background:#FFFFFF;

    box-shadow:
        0 25px 65px
        rgba(27,109,134,.13);
}


.twd-home-map-top{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:20px 22px;

    border-bottom:
        1px solid
        var(--bd);
}


.twd-home-map-top small,
.twd-home-map-top strong{
    display:block;
}


.twd-home-map-top small{
    color:#81919A;

    font-size:9px;

    font-weight:900;

    letter-spacing:.08em;
}


.twd-home-map-top strong{
    margin-top:2px;

    color:var(--ink);

    font-size:18px;
}


.twd-home-map-top > span{
    padding:6px 10px;

    border-radius:999px;

    background:#EAF7F9;

    color:var(--p);

    font-size:10px;

    font-weight:900;
}


/* =========================================================
   FAUX MAP
========================================================= */

.twd-home-map-visual{
    position:relative;

    min-height:350px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 18% 25%,
            rgba(22,132,91,.10),
            transparent 25%
        ),
        radial-gradient(
            circle at 82% 70%,
            rgba(36,166,199,.13),
            transparent 26%
        ),
        linear-gradient(
            135deg,
            #EEF6F7,
            #F8FBFC
        );
}


.twd-home-map-visual::before{
    content:"";

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(
            rgba(27,109,134,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(27,109,134,.035) 1px,
            transparent 1px
        );

    background-size:
        42px 42px;
}


/* ROADS */

.twd-map-road{
    position:absolute;

    z-index:1;

    height:8px;

    border-radius:999px;

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

    box-shadow:
        0 0 0 1px
        rgba(193,213,218,.55);
}


.road-1{
    width:120%;
    left:-10%;
    top:36%;

    transform:
        rotate(-9deg);
}


.road-2{
    width:95%;
    left:13%;
    top:67%;

    transform:
        rotate(13deg);
}


.road-3{
    width:73%;
    left:41%;
    top:42%;

    transform:
        rotate(71deg);
}


.road-4{
    width:62%;
    left:-10%;
    top:72%;

    transform:
        rotate(-54deg);
}


/* =========================================================
   MAP PIN
========================================================= */

.twd-home-map-pin{
    position:absolute;

    z-index:4;

    left:51%;
    top:44%;

    width:46px;
    height:46px;

    border-radius:
        50% 50% 50% 0;

    transform:
        translate(-50%,-50%)
        rotate(-45deg);

    background:
        linear-gradient(
            135deg,
            var(--p),
            var(--a)
        );

    box-shadow:
        0 12px 28px
        rgba(27,109,134,.30);
}


.twd-home-map-pin span{
    position:absolute;

    left:50%;
    top:50%;

    width:16px;
    height:16px;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    background:#FFFFFF;
}


/* =========================================================
   MAP BUSINESS LABEL
========================================================= */

.twd-home-map-label{
    position:absolute;

    z-index:5;

    left:50%;
    top:63%;

    transform:
        translateX(-50%);

    min-width:260px;

    display:flex;
    align-items:center;

    gap:12px;

    padding:13px 15px;

    border-radius:14px;

    border:
        1px solid
        var(--bd);

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

    box-shadow:
        0 14px 35px
        rgba(38,52,62,.12);
}


.twd-home-map-label img{
    width:38px;
    height:38px;

    object-fit:contain;

    padding:4px;

    border-radius:10px;

    background:#F1F7F8;
}


.twd-home-map-label strong,
.twd-home-map-label span{
    display:block;
}


.twd-home-map-label strong{
    color:var(--ink);

    font-size:12px;
}


.twd-home-map-label span{
    margin-top:2px;

    color:var(--text);

    font-size:10px;
}


/* =========================================================
   MAP AREA LABELS
========================================================= */

.twd-home-map-area{
    position:absolute;

    z-index:2;

    padding:5px 8px;

    border-radius:8px;

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

    color:#819199;

    font-size:9px;

    font-weight:800;
}


.area-one{
    left:14%;
    top:19%;
}


.area-two{
    right:12%;
    bottom:18%;
}


/* =========================================================
   MAP FOOTER
========================================================= */

.twd-home-map-bottom{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:17px 21px;

    background:#FFFFFF;

    border-top:
        1px solid
        var(--bd);
}


.twd-home-map-bottom small,
.twd-home-map-bottom strong{
    display:block;
}


.twd-home-map-bottom small{
    color:#82939B;

    font-size:8px;

    font-weight:900;

    letter-spacing:.08em;
}


.twd-home-map-bottom strong{
    margin-top:2px;

    color:var(--ink);

    font-size:11px;
}


.twd-home-map-bottom a{
    white-space:nowrap;

    color:var(--p);

    font-size:12px;

    font-weight:900;
}


.twd-home-map-bottom a:hover{
    color:var(--a);
}


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

@media(max-width:1040px){

    .twd-home-location-grid{
        grid-template-columns:1fr;

        gap:38px;
    }

}


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

@media(max-width:700px){

    .twd-home-location-copy > p{
        font-size:16px;
    }


    .twd-home-location-actions{
        display:grid;

        grid-template-columns:1fr;
    }


    .twd-home-location-actions .twd-home-btn{
        width:100%;
    }


    .twd-home-map-visual{
        min-height:310px;
    }


    .twd-home-map-label{
        min-width:230px;
    }


    .twd-home-map-bottom{
        display:grid;

        grid-template-columns:1fr;
    }

}
/* =========================================================
   GWALIOR SECTION EYEBROW FORCE STYLE
========================================================= */

.twd-home-location .twd-home-eyebrow {
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;

    width:auto !important;

    padding:8px 13px !important;

    border:1px solid rgba(27,109,134,.16) !important;
    border-radius:999px !important;

    background:#FFFFFF !important;

    color:#1B6D86 !important;

    font-size:13px !important;
    font-weight:900 !important;

    letter-spacing:.07em !important;
    text-transform:uppercase !important;
}


.twd-home-location .twd-home-eyebrow::before {
    content:"";

    width:8px;
    height:8px;

    flex:0 0 8px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #24A6C7,
        #6956E7
    );

    box-shadow:
        0 0 0 5px
        rgba(36,166,199,.11);
}
/* =========================================================
   GWALIOR LOCATION BUTTON FIX
========================================================= */

.twd-home-location .twd-home-location-actions {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;

    margin-top:25px !important;
}


.twd-home-location .twd-home-location-actions a {
    display:inline-flex !important;

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

    min-height:50px !important;

    padding:0 20px !important;

    border-radius:12px !important;

    font-size:14px !important;
    font-weight:800 !important;

    text-decoration:none !important;

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


/* GET DIRECTIONS */
.twd-home-location
.twd-home-location-actions
a:first-child {

    color:#FFFFFF !important;

    border:1px solid transparent !important;

    background:linear-gradient(
        135deg,
        #1B6D86,
        #24A6C7,
        #6956E7
    ) !important;

    box-shadow:
        0 12px 25px
        rgba(27,109,134,.18) !important;
}


/* WHATSAPP */
.twd-home-location
.twd-home-location-actions
a:last-child {

    color:#26343E !important;

    border:1px solid #DCE8EC !important;

    background:#FFFFFF !important;
}


.twd-home-location
.twd-home-location-actions
a:hover {

    transform:translateY(-2px) !important;
}

/* =========================================================
   THREAD WORK DIGITAL - DARK SECTION CONTRAST FIX
   Actual homepage dark sections use class ".dark".
   This block intentionally sits last so Astra/theme heading
   colors cannot override the dark-section heading contrast.
========================================================= */

/* Standard heading text on every dark homepage section */
.twd-home .dark h2,
.twd-home .dark .head h2,
.twd-home .dark .two-col h2 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

/* Preserve the cyan / blue / violet highlighted heading words */
.twd-home .dark h2 span,
.twd-home .dark .head h2 span,
.twd-home .dark .two-col h2 span {
    background:linear-gradient(
        90deg,
        #82E2EC 0%,
        #8BB8F5 52%,
        #B8A8FF 100%
    ) !important;

    -webkit-background-clip:text !important;
    background-clip:text !important;

    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
}

/* Keep supporting copy readable on dark backgrounds */
.twd-home .dark .head p,
.twd-home .dark .two-col p,
.twd-home .dark .light {
    color:rgba(255,255,255,.78) !important;
}

/* Dark cards and process labels */
.twd-home .dark h3,
.twd-home .dark strong,
.twd-home .dark b {
    color:#FFFFFF !important;
}

/* Final gradient CTA heading safety */
.twd-home .final h2 {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

.twd-home .final p {
    color:rgba(255,255,255,.86) !important;
}