#tl-service-detail{
    --tl-yellow:#ffff00;
    --tl-black:#000000;
    --tl-deep:#0a0a0a;
    --tl-card:#0d0d0d;
    --tl-panel:#111111;
    --tl-white:#ffffff;
    --tl-soft-white:rgba(255,255,255,.88);
    --tl-muted:rgba(255,255,255,.62);
    --tl-border:rgba(255,255,255,.10);
    --tl-border-soft:rgba(255,255,255,.06);
    --tl-trans:all .3s cubic-bezier(.165,.84,.44,1);
    width:100%;
    min-width:0;
    padding:clamp(70px,8vw,110px) 5%;
    position:relative;
    overflow:hidden;
    overflow:clip;
    isolation:isolate;
    background:var(--tl-black);
    color:var(--tl-white);
    color-scheme:dark;
    font-family:inherit;
}
#tl-service-detail *,
#modal-wp *{box-sizing:border-box}
#tl-service-detail :where(h1,h2,h3,h4,p),
#modal-wp :where(h1,h2,h3,h4,p){margin-top:0}
#tl-service-detail :where(a,button,input,select,textarea),
#modal-wp :where(a,button,input,select,textarea){font:inherit}
#tl-service-detail :where(a,button),
#modal-wp :where(a,button){-webkit-tap-highlight-color:transparent}
#tl-service-detail :where(button),
#modal-wp :where(button){appearance:none}
#tl-service-detail :where(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible),
#modal-wp :where(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){
    outline:3px solid var(--tl-yellow);
    outline-offset:3px;
    box-shadow:0 0 0 6px var(--tl-black);
    border-radius:6px;
}
#tl-service-detail .tl-sr-only,
#modal-wp .tl-sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
}
#tl-service-detail .tl-glow{
    position:absolute;
    width:300px;
    height:300px;
    z-index:-1;
    border-radius:50%;
    pointer-events:none;
    background:radial-gradient(circle,rgba(255,255,0,.045) 0%,transparent 70%);
}
#tl-service-detail .tl-glow-1{top:-10%;left:-5%}
#tl-service-detail .tl-glow-2{right:-5%;bottom:-10%}

#tl-service-detail .tl-details-container{
    width:min(100%,1400px);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(300px,1fr);
    gap:40px;
    position:relative;
    z-index:1;
    align-items:start;
}
#tl-service-detail .tl-details-main{min-width:0}
#tl-service-detail .tl-service-header{margin-bottom:50px;text-align:left}
#tl-service-detail .tl-badge{
    display:inline-block;
    max-width:100%;
    margin-bottom:15px;
    padding:5px 15px;
    border:1px solid rgba(255,255,0,.20);
    border-radius:50px;
    background:rgba(255,255,0,.10);
    color:var(--tl-yellow);
    font-size:11px;
    font-weight:800;
    line-height:1.3;
    text-transform:uppercase;
}
#tl-service-detail .tl-service-title{
    margin:0 0 15px;
    color:var(--tl-white);
    font-size:clamp(36px,4.5vw,48px);
    font-weight:800;
    line-height:1.08;
    letter-spacing:-1px;
    overflow-wrap:anywhere;
    text-transform:uppercase;
    text-wrap:balance;
}
#tl-service-detail .tl-service-intro{
    max-width:980px;
    margin:0;
    color:var(--tl-muted);
    font-size:16px;
    line-height:1.7;
}
#tl-service-detail .tl-details-main > section{
    margin-top:34px;
    padding-top:34px;
    border-top:2px solid var(--tl-white);
}
#tl-service-detail .tl-details-main > section:first-of-type{
    margin-top:0;
    padding-top:0;
    border-top:0;
}
#tl-service-detail .tl-details-main h2{
    margin:0 0 20px;
    color:var(--tl-white);
    font-size:24px;
    font-weight:800;
    line-height:1.25;
    letter-spacing:.2px;
    text-transform:uppercase;
}
#tl-service-detail .tl-details-main p{
    margin:0 0 25px;
    color:var(--tl-muted);
    font-size:15px;
    line-height:1.7;
}

#tl-service-detail .tl-frameworks-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    margin-bottom:50px;
}
#tl-service-detail .tl-frame-item{
    display:flex;
    align-items:center;
    min-width:0;
    gap:12px;
    padding:15px 20px;
    border:1px solid var(--tl-border-soft);
    border-radius:12px;
    background:rgba(255,255,255,.02);
    color:var(--tl-soft-white);
    font-size:14px;
    line-height:1.45;
    transition:var(--tl-trans);
}
#tl-service-detail .tl-frame-item:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,0,.35);
    background:rgba(255,255,0,.035);
    box-shadow:0 10px 24px rgba(0,0,0,.18);
}
#tl-service-detail .tl-icon{
    display:inline-grid;
    place-items:center;
    flex:0 0 auto;
    color:var(--tl-yellow);
    font-weight:900;
    line-height:1;
}
#tl-service-detail .tl-icon-fa-check{font-size:15px}
#tl-service-detail .tl-icon-fa-chevron-down{font-size:19px}
#tl-service-detail .tl-icon-fa-whatsapp{font-size:17px}
#tl-service-detail .tl-icon-fa-solid-fa-user,
#tl-service-detail .tl-icon-fa-user,
#tl-service-detail .tl-icon-fa-rocket,
#tl-service-detail .tl-icon-fa-tachometer-alt,
#tl-service-detail .tl-icon-fa-chart-pie{width:15px;font-size:13px}

#tl-service-detail .tl-module-accordion{
    margin-bottom:10px;
    overflow:hidden;
    border:1px solid var(--tl-border-soft);
    border-radius:12px;
    background:var(--tl-panel);
}
#tl-service-detail .tl-acc-header{
    width:100%;
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:20px;
    border:0;
    background:transparent;
    color:var(--tl-white);
    text-align:left;
    cursor:pointer;
    transition:var(--tl-trans);
}
#tl-service-detail .tl-acc-header:hover{
    background:rgba(255,255,0,.03);
}
#tl-service-detail .tl-acc-title{
    min-width:0;
    color:var(--tl-white);
    font-size:15px;
    font-weight:700;
    line-height:1.45;
    transition:color .2s ease;
}
#tl-service-detail .tl-acc-header:hover .tl-acc-title{color:var(--tl-yellow)}
#tl-service-detail .tl-acc-header .tl-icon-fa-chevron-down{
    transition:transform .25s ease;
}
#tl-service-detail .tl-module-accordion.is-open .tl-acc-header .tl-icon-fa-chevron-down{
    transform:rotate(180deg);
}
#tl-service-detail .tl-acc-content{
    padding:0 20px 20px;
}
#tl-service-detail .tl-acc-content p{
    margin:0!important;
    font-size:14px!important;
}
#tl-service-detail .tl-accordion-wrapper .tl-accordion-hidden[hidden]{display:none!important}
#tl-service-detail .tl-see-more-btn{
    min-height:46px;
    display:block;
    margin:20px auto 0;
    padding:12px 25px;
    border:1px solid var(--tl-yellow);
    border-radius:30px;
    background:transparent;
    color:var(--tl-yellow);
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:var(--tl-trans);
}
#tl-service-detail .tl-see-more-btn:hover{
    transform:translateY(-2px);
    background:var(--tl-yellow);
    color:var(--tl-black);
    box-shadow:0 10px 24px rgba(255,255,0,.10);
}

#tl-service-detail .tl-results-block{
    content-visibility:auto;
    contain-intrinsic-size:650px;
}
#tl-service-detail .tl-results-block img{
    display:block;
    width:100%;
    height:auto;
    margin:0 0 20px;
    border-radius:20px;
}
#tl-service-detail .tl-results-block p{margin-bottom:0!important}

#tl-service-detail .tl-details-sidebar{min-width:0}
#tl-service-detail .tl-sidebar-card{
    position:sticky;
    top:100px;
    margin-bottom:30px;
    padding:30px;
    border:1px solid var(--tl-border-soft);
    border-radius:24px;
    background:var(--tl-card);
    text-align:center;
}
#tl-service-detail .tl-sidebar-image{
    width:100%;
    height:180px;
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
    border-radius:15px;
}
#tl-service-detail .tl-sidebar-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .45s ease,filter .45s ease;
}
#tl-service-detail .tl-sidebar-card:hover .tl-sidebar-image img{
    transform:scale(1.035);
    filter:saturate(1.04);
}
#tl-service-detail .tl-image-glow{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55) 100%);
    pointer-events:none;
}
#tl-service-detail .tl-investment-box{
    margin-bottom:30px;
    padding:20px;
    border-radius:12px;
    background:rgba(255,255,255,.02);
    transition:background-color .25s ease,border-color .25s ease;
}
#tl-service-detail .tl-sidebar-card:hover .tl-investment-box{background:rgba(255,255,0,.035)}
#tl-service-detail .tl-invest-label{
    display:block;
    margin-bottom:7px;
    color:var(--tl-muted);
    font-size:13px;
}
#tl-service-detail .tl-invest-price{
    display:block;
    color:var(--tl-yellow);
    font-size:28px;
    font-weight:900;
}
#tl-service-detail .tl-tax-note{
    margin:6px 0 0!important;
    color:var(--tl-muted)!important;
    font-size:11px!important;
}
#tl-service-detail .tl-cta-group{
    display:flex;
    flex-direction:column;
    gap:12px;
}
#tl-service-detail .tl-btn-whatsapp,
#tl-service-detail .tl-btn-plans{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:15px;
    border-radius:10px;
    font-size:13px;
    font-weight:800;
    line-height:1.25;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
    transition:var(--tl-trans);
}
#tl-service-detail .tl-btn-whatsapp{
    border:1px solid var(--tl-border);
    background:transparent;
    color:var(--tl-white);
    text-decoration:none;
}
#tl-service-detail .tl-btn-whatsapp:hover{
    transform:translateY(-2px);
    color:var(--tl-yellow);
    border-color:var(--tl-yellow);
    box-shadow:0 10px 22px rgba(255,255,0,.06);
}
#tl-service-detail .tl-btn-plans{
    border:1px solid var(--tl-yellow);
    background:var(--tl-yellow);
    color:var(--tl-black);
}
#tl-service-detail .tl-btn-plans:hover{
    transform:translateY(-2px);
    background:var(--tl-yellow);
    border-color:var(--tl-yellow);
    box-shadow:0 10px 24px rgba(255,255,0,.12);
}
#tl-service-detail .tl-target-card{
    padding:34px 25px 25px;
    border:1px solid var(--tl-border-soft);
    border-radius:24px;
    background:var(--tl-card);
}
#tl-service-detail .tl-target-card h2{
    margin:0 0 22px;
    color:var(--tl-white);
    font-size:22px;
    font-weight:800;
    line-height:1.3;
    text-transform:uppercase;
}
#tl-service-detail .tl-target-list{
    list-style:none;
    margin:0;
    padding:0;
}
#tl-service-detail .tl-target-list li{
    display:flex;
    align-items:flex-start;
    min-width:0;
    gap:12px;
    margin-bottom:12px;
    color:var(--tl-soft-white);
    font-size:13px;
    line-height:1.5;
}
#tl-service-detail .tl-target-list li:last-child{margin-bottom:0}

#modal-wp{
    --tl-yellow:#ffff00;
    --tl-black:#000000;
    --tl-card:#0d0d0d;
    --tl-panel:#111111;
    --tl-white:#ffffff;
    --tl-muted:rgba(255,255,255,.62);
    --tl-border-soft:rgba(255,255,255,.06);
    --tl-trans:all .3s cubic-bezier(.165,.84,.44,1);
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
}
#modal-wp.is-active{display:flex}
#modal-wp[hidden]{display:none!important}
#modal-wp .tl-modal-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.92);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
#modal-wp .tl-modal-container{
    width:min(900px,100%);
    max-height:min(90dvh,900px);
    overflow:auto;
    overscroll-behavior:contain;
    position:relative;
    z-index:1;
    padding:50px 30px 30px;
    border:1px solid var(--tl-yellow);
    border-radius:30px;
    background:#0f0f0f;
    box-shadow:0 25px 80px rgba(0,0,0,.55);
}
#modal-wp .tl-close-btn{
    width:48px;
    height:48px;
    position:absolute;
    top:12px;
    right:18px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid transparent;
    border-radius:10px;
    background:none;
    color:var(--tl-white);
    font-size:34px;
    line-height:1;
    cursor:pointer;
    transition:color .2s ease,background-color .2s ease,border-color .2s ease;
}
#modal-wp .tl-close-btn:hover{
    color:var(--tl-yellow);
    border-color:rgba(255,255,0,.25);
    background:rgba(255,255,0,.04);
}
#modal-wp .tl-modal-header{
    margin-bottom:25px;
    text-align:center;
}
#modal-wp .tl-modal-header h2{
    margin:0 0 8px;
    color:var(--tl-white);
    font-size:30px;
    line-height:1.2;
}
#modal-wp .tl-modal-header p{
    margin:0;
    color:var(--tl-muted);
    line-height:1.6;
}
#modal-wp .tl-plans-wrapper{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    align-items:stretch;
}
#modal-wp .tl-plan-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:30px 20px;
    border:1px solid var(--tl-border-soft);
    border-radius:20px;
    background:#181818;
    text-align:center;
    transition:transform .3s ease,border-color .25s ease,box-shadow .25s ease;
}
#modal-wp .tl-plan-card:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,0,.3);
    box-shadow:0 15px 32px rgba(0,0,0,.22);
}
#modal-wp .tl-popular{
    transform:scale(1.03);
    border-color:var(--tl-yellow);
}
#modal-wp .tl-popular:hover{transform:scale(1.03) translateY(-4px)}
#modal-wp .tl-pop-tag{
    display:inline-block;
    margin:0 auto 10px;
    padding:4px 10px;
    border-radius:50px;
    background:var(--tl-yellow);
    color:var(--tl-black);
    font-size:10px;
    font-weight:800;
}
#modal-wp .tl-plan-card h3{
    margin:0;
    color:var(--tl-white);
    font-size:19px;
    line-height:1.25;
}
#modal-wp .tl-plan-price{
    margin:15px 0;
    color:var(--tl-white);
    font-size:28px;
    font-weight:900;
    line-height:1.1;
}
#modal-wp .tl-plan-card ul{
    flex:1;
    list-style:none;
    margin:0 0 25px;
    padding:0;
    text-align:left;
}
#modal-wp .tl-plan-card ul li{
    margin-bottom:8px;
    color:var(--tl-muted);
    font-size:12px;
    line-height:1.5;
}
#modal-wp .tl-plan-card ul li::before{
    content:"✓";
    margin-right:8px;
    color:var(--tl-yellow);
}
#modal-wp .tl-buy-btn{
    display:flex;
    min-height:44px;
    align-items:center;
    justify-content:center;
    padding:12px;
    border-radius:10px;
    background:var(--tl-yellow);
    color:var(--tl-black);
    font-weight:800;
    line-height:1.25;
    text-decoration:none;
    transition:var(--tl-trans);
}
#modal-wp .tl-buy-btn:hover{
    transform:translateY(-2px);
    background:var(--tl-white);
    color:var(--tl-black);
}

html.tl-modal-open,
body.tl-modal-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
}

/* Tablet */
@media (max-width:1024px){
    #tl-service-detail{padding-top:70px}
    #tl-service-detail .tl-details-container{grid-template-columns:1fr}
    #tl-service-detail .tl-sidebar-card{position:relative;top:auto}
    #modal-wp .tl-plans-wrapper{grid-template-columns:1fr}
    #modal-wp .tl-popular,
    #modal-wp .tl-popular:hover{transform:none}
}

/* Mobile */
@media (max-width:700px){
    #tl-service-detail{padding:60px 5%}
    #tl-service-detail .tl-frameworks-grid{grid-template-columns:1fr}
    #tl-service-detail .tl-service-header{margin-bottom:35px}
    #tl-service-detail .tl-service-title{font-size:clamp(31px,8.8vw,38px);letter-spacing:-.5px}
    #tl-service-detail .tl-service-intro{font-size:15px}
    #tl-service-detail .tl-sidebar-card{padding:22px}
    #tl-service-detail .tl-target-card{padding:28px 20px 22px}
    #modal-wp{padding:14px}
    #modal-wp .tl-modal-container{
        width:100%;
        max-height:92dvh;
        padding:50px 18px 20px;
        border-radius:22px;
    }
}

/* Very small phones */
@media (max-width:420px){
    #tl-service-detail{padding-inline:16px}
    #tl-service-detail .tl-frame-item{padding:14px 16px}
    #tl-service-detail .tl-acc-header{padding:17px 16px;min-height:54px}
    #tl-service-detail .tl-acc-content{padding:0 16px 18px}
    #tl-service-detail .tl-target-card{padding:25px 18px 20px}
    #modal-wp{padding:10px}
    #modal-wp .tl-modal-container{padding:50px 15px 18px}
    #modal-wp .tl-plan-card{padding:26px 18px}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
    #tl-service-detail *,
    #modal-wp *,
    #tl-service-detail *::before,
    #modal-wp *::before{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
        scroll-behavior:auto!important;
    }
    #tl-service-detail .tl-frame-item:hover,
    #tl-service-detail .tl-sidebar-card:hover .tl-sidebar-image img,
    #tl-service-detail .tl-btn-whatsapp:hover,
    #tl-service-detail .tl-btn-plans:hover,
    #tl-service-detail .tl-see-more-btn:hover,
    #modal-wp .tl-plan-card:hover,
    #modal-wp .tl-popular:hover,
    #modal-wp .tl-buy-btn:hover{
        transform:none!important;
    }
}

/* Windows High Contrast */
@media (forced-colors:active){
    #tl-service-detail :where(a,button,input,select,textarea):focus-visible,
    #modal-wp :where(a,button,input,select,textarea):focus-visible{
        outline:3px solid HighlightText;
        box-shadow:0 0 0 6px Canvas;
    }
    #tl-service-detail .tl-btn-plans,
    #tl-service-detail .tl-see-more-btn:hover,
    #modal-wp .tl-buy-btn,
    #modal-wp .tl-pop-tag{
        forced-color-adjust:none;
        background:Highlight;
        color:HighlightText;
        border-color:Highlight;
    }
}