*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
:root{
    --primary-blue:#0066FF;
    --success-green:#10B981;
    --shadow-md:0 4px 15px rgba(0,0,0,.4);
    --shadow-lg:0 20px 50px rgba(0,0,0,.6);
    --shadow-xl:0 30px 80px rgba(0,0,0,.7);
}
body{
    background:transparent;
    color:#F9FAFB;
    line-height:1.6;
    min-height:100vh;
    display:flex;flex-direction:column;
    position:relative;
}
body::before{
    content:'';
    position:fixed;
    inset:0;
    z-index:-2;
    background:url('../assets/team-connect-main-office.webp') center top / cover no-repeat;
    opacity:0.3;
}
body::after{
    content:'';
    position:fixed;
    inset:0;
    z-index:-1;
    background:url('../assets/team-connect-main-office.webp') center top / cover no-repeat;
}
/* HEADER */
.header{position:relative;background:rgba(3,7,18,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(55,65,81,.6);height:64px;display:flex;align-items:center;}
.header.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.4);}
.nav{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;width:100%;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.15rem;color:#fff;}
.logo-img{width:36px;height:36px;border-radius:8px;}
/* BURGER */
.burger-menu{position:fixed;top:14px;right:1.2rem;z-index:1100;cursor:pointer;padding:8px;}
.burger-icon{display:flex;flex-direction:column;gap:5px;}
.burger-line{width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s;}
.burger-menu.active .burger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.burger-menu.active .burger-line:nth-child(2){opacity:0;}
.burger-menu.active .burger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
/* SIDEBAR */
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1050;backdrop-filter:blur(4px);}
.nav-overlay.active{display:block;}
.nav-sidebar{position:fixed;top:0;right:-340px;width:300px;height:100vh;background:#020617;border-left:1px solid rgba(55,65,81,.8);z-index:1060;overflow-y:auto;transition:right .3s;padding:1rem 0 2rem;}
.nav-sidebar.active{right:0;}
.nav-header{padding:1rem 1.2rem .5rem;border-bottom:1px solid rgba(55,65,81,.6);margin-bottom:.5rem;}
.nav-title{font-weight:800;font-size:1.1rem;color:#fff;}
.nav-section{padding:.3rem 0;}
.nav-section-title{font-size:.7rem;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.1em;padding:.5rem 1.2rem .2rem;}
.nav-item{display:flex;align-items:center;padding:.55rem 1.2rem;color:#D1D5DB;text-decoration:none;font-size:.88rem;transition:all .2s;}
.nav-item:hover,.nav-item.active{background:rgba(0,102,255,.12);color:#93C5FD;}
/* BREADCRUMB */
.breadcrumb{position:relative;background:rgba(3,7,18,.88);backdrop-filter:blur(12px);padding:12px 2rem;font-size:13px;border-bottom:1px solid rgba(55,65,81,.5);color:#E5E7EB;}
.breadcrumb a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.breadcrumb a:hover{color:#FACC15;text-decoration-color:#FACC15;}
@media(max-width:768px){.breadcrumb{padding:10px 1rem;font-size:12px;}}
main{flex:1 0 auto;}
.container{max-width:1200px;margin:0 auto;padding:0 2rem;}
@media(max-width:768px){.container{padding:0 1rem;}}
/* HERO */
.hero{padding:110px 2rem 60px;}
.hero-content{max-width:1000px;margin:0 auto;background:rgba(3,7,18,.78);border-radius:26px;border:1px solid rgba(148,163,184,.7);padding:52px 40px;backdrop-filter:blur(22px) saturate(130%);box-shadow:var(--shadow-xl);text-align:center;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FACC15,#F97316);color:#111827;padding:8px 18px;border-radius:999px;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.2rem;}
.hero-title{font-size:clamp(2.2rem,4.8vw,3.4rem);font-weight:900;color:#F9FAFB;margin-bottom:.75rem;text-shadow:0 3px 12px rgba(0,0,0,.8);}
.hero-subtitle{font-size:1.05rem;color:#E5E7EB;max-width:740px;margin:0 auto 1.6rem;line-height:1.7;}
.hero-subtitle strong{color:#FACC15;font-weight:800;}
.hero-price-row{display:flex;justify-content:center;gap:16px;align-items:baseline;margin-bottom:1rem;flex-wrap:wrap;}
.hero-price{font-size:2.4rem;font-weight:900;color:#FDE68A;}
.hero-price-note{font-size:.95rem;color:#E5E7EB;}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:1rem 0 1.8rem;}
.hero-pill{background:rgba(15,23,42,.9);border-radius:999px;border:1px solid rgba(148,163,184,.8);padding:.45rem .9rem;font-size:.85rem;color:#E5E7EB;text-decoration:none;transition:all .2s;}
.hero-pill:hover{border-color:#FACC15;color:#FACC15;}
.hero-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:1.3rem;}
.btn{padding:1rem 2.2rem;border-radius:999px;font-weight:800;text-decoration:none;border:none;cursor:pointer;font-size:.98rem;display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.08em;transition:all .2s;}
.btn-primary{background:#FACC15;color:#111827;box-shadow:0 18px 45px rgba(0,0,0,.55);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(0,0,0,.75);}
.btn-outline{background:transparent;color:#F9FAFB;border:1px solid rgba(248,250,252,.8);}
.btn-outline:hover{background:rgba(248,250,252,.08);}
.hero-guarantee{margin-top:.8rem;background:rgba(15,23,42,.9);border-radius:16px;padding:1rem 1.2rem;border:1px solid rgba(55,65,81,.9);color:#E5E7EB;font-size:.9rem;}
@media(max-width:768px){.hero{padding:110px 1rem 50px;}.hero-content{padding:36px 20px;}}
/* SECTIONS */
section{padding:60px 2rem;}
@media(max-width:768px){section{padding:40px 1rem;}}
.section-header{text-align:center;margin-bottom:2.6rem;}
.section-title{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:900;color:#F9FAFB;text-shadow:0 2px 8px rgba(0,0,0,.7);margin-bottom:.75rem;}
.section-subtitle{font-size:1.02rem;color:#E5E7EB;max-width:760px;margin:0 auto;line-height:1.7;}
.section-badge{display:inline-block;background:rgba(0,102,255,.2);border:1px solid rgba(0,102,255,.4);color:#93C5FD;padding:.4rem 1rem;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;}
/* CARDS */
.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem;margin-top:1.7rem;}
@media(max-width:768px){.content-grid{grid-template-columns:1fr;}}
.glass-card{background:rgba(15,23,42,.78);border-radius:20px;padding:1.9rem;border:1px solid rgba(55,65,81,.85);box-shadow:var(--shadow-lg);color:#E5E7EB;transition:transform .2s,border-color .2s;}
.glass-card:hover{transform:translateY(-3px);border-color:rgba(0,102,255,.4);}
.glass-card h3{font-size:1.15rem;font-weight:800;color:#F9FAFB;margin-bottom:.6rem;}
.glass-card p{font-size:.94rem;line-height:1.7;}
.gl{list-style:none;margin-top:.7rem;}
.gl li{padding:.35rem 0 .35rem 1.4rem;font-size:.92rem;position:relative;}
.gl li::before{content:"✓";color:#10B981;position:absolute;left:0;font-weight:700;}
/* COMPARISON TABLE */
.table-wrap{overflow-x:auto;margin-top:2rem;border-radius:16px;border:1px solid rgba(55,65,81,.7);}
.ctable{width:100%;border-collapse:collapse;min-width:700px;}
.ctable th{background:rgba(15,23,42,.95);color:#93C5FD;font-size:.82rem;font-weight:700;padding:1rem .9rem;text-align:center;border-bottom:1px solid rgba(55,65,81,.8);}
.ctable th:first-child{text-align:left;width:22%;}
.ctable td{padding:.85rem .9rem;font-size:.86rem;border-bottom:1px solid rgba(55,65,81,.35);color:#E5E7EB;text-align:center;vertical-align:middle;}
.ctable td:first-child{text-align:left;font-weight:600;color:#F9FAFB;}
.ctable tr:last-child td{border-bottom:none;}
.ctable tbody tr:hover td{background:rgba(0,102,255,.05);}
.cw{background:rgba(250,204,21,.07);}
.cwh{background:rgba(250,204,21,.18)!important;color:#FACC15!important;border-bottom:2px solid rgba(250,204,21,.5)!important;}
.t{color:#22C55E;font-weight:700;}
.x{color:#EF4444;}
.p{color:#FACC15;}
/* PROSE */
.prose{max-width:860px;margin:0 auto;color:#E5E7EB;font-size:1rem;line-height:1.85;}
.prose h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:900;color:#F9FAFB;margin:2.5rem 0 1rem;}
.prose h3{font-size:1.2rem;font-weight:700;color:#FACC15;margin:2rem 0 .7rem;}
.prose p{margin-bottom:1.3rem;}
.prose a{color:#93C5FD;text-decoration:underline;text-underline-offset:3px;font-weight:600;}
.prose a:hover{color:#FACC15;}
.prose ul{margin:1rem 0 1.3rem;list-style:none;}
.prose ul li{margin-bottom:.6rem;padding-left:1.5rem;position:relative;}
.prose ul li::before{content:"✓";color:#10B981;position:absolute;left:0;font-weight:700;}
.prose strong{color:#F9FAFB;}
/* TRADE SCROLLER */
.trade-scroller{display:flex;gap:16px;overflow-x:auto;padding:1rem 0 1.2rem;scrollbar-width:thin;}
.trade-scroller::-webkit-scrollbar{height:6px;}
.trade-scroller::-webkit-scrollbar-track{background:rgba(15,23,42,.6);border-radius:4px;}
.trade-scroller::-webkit-scrollbar-thumb{background:#6B7280;border-radius:4px;}
.trade-card{min-width:270px;background:rgba(15,23,42,.78);border:1px solid rgba(55,65,81,.85);border-radius:16px;padding:1.4rem;flex:0 0 auto;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s;display:flex;flex-direction:column;}
.trade-card:hover{transform:translateY(-4px);border-color:var(--primary-blue);}
.trade-card h3{font-size:1rem;font-weight:700;color:#F9FAFB;margin-bottom:.5rem;}
.trade-card p{font-size:.84rem;color:#9CA3AF;line-height:1.5;margin-bottom:.8rem;flex:1;}
.ck{list-style:none;padding:0;border-top:1px solid rgba(55,65,81,.6);padding-top:.7rem;}
.ck li{font-size:.82rem;color:#E5E7EB;margin-bottom:.35rem;padding-left:1.2rem;position:relative;}
.ck li::before{content:"✓";color:#10B981;position:absolute;left:0;font-weight:700;}
/* REVIEWS */
.reviews-wrap{background:rgba(15,23,42,.85);border-radius:22px;border:1px solid rgba(55,65,81,.9);box-shadow:var(--shadow-lg);padding:1.8rem 1.4rem 1.4rem;}
.review-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;flex-wrap:wrap;gap:.6rem;}
.review-badge{background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.3);color:#FACC15;padding:.4rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;}
.reviews-strip{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;}
.reviews-strip::-webkit-scrollbar{height:6px;}
.reviews-strip::-webkit-scrollbar-track{background:rgba(15,23,42,.9);}
.reviews-strip::-webkit-scrollbar-thumb{background:rgba(75,85,99,.9);border-radius:999px;}
.review-card{min-width:268px;max-width:300px;background:rgba(15,23,42,.9);border-radius:18px;border:1px solid rgba(55,65,81,.95);padding:1.2rem 1.1rem;flex:0 0 auto;}
.review-stars{color:#FACC15;font-size:.9rem;margin-bottom:.4rem;}
.review-quote{font-size:.88rem;color:#E5E7EB;line-height:1.65;margin-bottom:.75rem;font-style:italic;}
.review-author{font-size:.8rem;color:#9CA3AF;font-weight:600;}
.review-more{margin-top:1rem;text-align:right;}
.review-more a{color:#93C5FD;font-size:.9rem;text-decoration:none;font-weight:600;}
.review-more a:hover{color:#FACC15;}
/* FAQ */
.faq-grid{display:block;max-width:860px;margin:1.7rem auto 0;}
.faq-grid > details.faq-item, .faq-grid > .faq-item{margin-bottom:1rem;}
.faq-grid > details.faq-item:last-child, .faq-grid > .faq-item:last-child{margin-bottom:0;}
.faq-item{background:rgba(15,23,42,.8);border-radius:18px;padding:1.8rem;border:1px solid rgba(55,65,81,.9);box-shadow:var(--shadow-lg);}
.faq-q{font-weight:800;margin-bottom:.55rem;color:#F9FAFB;font-size:.98rem;line-height:1.4;}
.faq-a{font-size:.93rem;color:#E5E7EB;line-height:1.7;}
.faq-a a{color:#93C5FD;text-decoration:underline;text-underline-offset:3px;}
.faq-a a:hover{color:#FACC15;}
/* FOOTER */
.footer{background:#020617;color:#fff;padding:60px 2rem 20px;margin-top:auto;}
.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
@media(max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center;gap:2rem;}}
.footer-brand h3{font-size:1.5rem;font-weight:800;margin-bottom:1rem;color:var(--primary-blue);}
.footer-brand p{color:#9CA3AF;margin-bottom:2rem;line-height:1.6;}
.footer-section h4{font-weight:600;margin-bottom:1rem;color:#fff;}
.footer-section a{color:#9CA3AF;text-decoration:none;display:block;margin-bottom:.5rem;transition:color .2s;}
.footer-section a:hover{color:var(--primary-blue);}
.footer-bottom-wrap{border-top:1px solid #111827;padding:1.5rem 0 1rem;text-align:center;color:#6B7280;font-size:.9rem;}
.social-links{margin-top:1rem;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);transition:all .2s;}
.social-link:hover{background:rgba(255,255,255,.14);border-color:var(--primary-blue);transform:translateY(-2px);}
.social-icon{width:20px;height:20px;display:block;}

/* ================================================================
   CASE STUDIES — staggered, image alternates left/right
   ================================================================ */
.case-studies-home{padding:80px 2rem;background:transparent;}
.section-header-cs{text-align:center;margin-bottom:3rem;}
.section-badge-cs{display:inline-block;background:linear-gradient(135deg,#FACC15,#F97316);color:#111827;padding:8px 20px;border-radius:999px;font-size:.8rem;font-weight:800;margin-bottom:20px;text-transform:uppercase;letter-spacing:.08em;}
.section-title-cs{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:#fff;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.7);}
.section-subtitle-cs{font-size:1.05rem;color:rgba(255,255,255,.78);max-width:680px;margin:0 auto;line-height:1.7;}
.cs-stagger{display:flex;flex-direction:column;gap:32px;max-width:1100px;margin:0 auto;}
.cs-stagger-item{display:flex;align-items:center;gap:40px;text-decoration:none;background:rgba(15,23,42,.78);border:1px solid rgba(250,204,21,.35);border-radius:20px;overflow:hidden;transition:all .35s ease;cursor:pointer;box-shadow:var(--shadow-lg);}
.cs-stagger-item:hover{border-color:rgba(250,204,21,.8);transform:translateY(-4px);box-shadow:0 14px 44px rgba(250,204,21,.15);}
.cs-stagger-item:nth-child(even){flex-direction:row-reverse;}
.cs-stagger-img{width:340px;min-height:240px;flex-shrink:0;overflow:hidden;}
.cs-stagger-img img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block;transition:transform .5s ease;}
.cs-stagger-item:hover .cs-stagger-img img{transform:scale(1.05);}
.cs-stagger-body{padding:28px 28px 28px 0;flex:1;}
.cs-stagger-item:nth-child(even) .cs-stagger-body{padding:28px 0 28px 28px;}
.cs-stagger-industry{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#FACC15;margin-bottom:8px;transition:color .3s ease;}
.cs-stagger-item:hover .cs-stagger-industry{color:var(--success-green);}
.cs-stagger-title{font-size:1.3rem;font-weight:800;color:#fff;line-height:1.3;margin-bottom:10px;}
.cs-stagger-desc{font-size:.92rem;color:rgba(229,231,235,.78);line-height:1.7;margin-bottom:18px;}
.cs-stagger-stats{display:flex;gap:10px;flex-wrap:wrap;}
.cs-stat-pill{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#34d399;padding:6px 12px;border-radius:50px;font-size:.78rem;font-weight:700;}
.cs-stagger-arrow{color:rgba(255,255,255,.3);font-size:1.4rem;transition:color .3s ease,transform .3s ease;flex-shrink:0;padding-right:24px;}
.cs-stagger-item:nth-child(even) .cs-stagger-arrow{padding-right:0;padding-left:24px;}
.cs-stagger-item:hover .cs-stagger-arrow{color:#FACC15;transform:translateX(4px);}
.cs-view-all{text-align:center;margin-top:40px;}

/* ================================================================
   BLOG SCROLLER — side-scrolling cards
   ================================================================ */
.blog-home{padding:80px 2rem;background:transparent;}
.blog-scroll-wrapper{position:relative;max-width:1200px;margin:0 auto;}
.blog-scroll{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;}
.blog-scroll::-webkit-scrollbar{height:6px;}
.blog-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px;}
.blog-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px;}
.blog-scroll-card{min-width:320px;max-width:340px;flex-shrink:0;scroll-snap-align:start;background:rgba(15,23,42,.78);border:1px solid rgba(250,204,21,.35);border-radius:16px;padding:26px;display:flex;flex-direction:column;text-decoration:none;transition:all .35s ease;cursor:pointer;box-shadow:var(--shadow-md);}
.blog-scroll-card:hover{border-color:rgba(250,204,21,.8);transform:translateY(-4px);box-shadow:0 10px 32px rgba(250,204,21,.15);}
.blog-scroll-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#FACC15;margin-bottom:12px;transition:color .3s ease;}
.blog-scroll-card:hover .blog-scroll-tag{color:var(--success-green);}
.blog-scroll-title{font-size:1.05rem;font-weight:700;color:#fff;line-height:1.35;margin-bottom:12px;}
.blog-scroll-excerpt{font-size:.88rem;color:rgba(229,231,235,.68);line-height:1.65;flex:1;margin-bottom:18px;}
.blog-scroll-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;}
.blog-scroll-date{font-size:.78rem;color:rgba(255,255,255,.4);}
.blog-scroll-read{font-size:.82rem;font-weight:600;color:#FACC15;transition:color .3s ease;}
.blog-scroll-card:hover .blog-scroll-read{color:var(--success-green);}
.blog-scroll-nav{display:flex;justify-content:center;gap:12px;margin-top:24px;}
.blog-scroll-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(15,23,42,.6);color:rgba(255,255,255,.8);font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;}
.blog-scroll-btn:hover{background:rgba(250,204,21,.15);border-color:rgba(250,204,21,.5);color:#FACC15;}
.blog-view-all{text-align:center;margin-top:32px;}

/* CS + Blog — mobile collapse */
@media(max-width:768px){
    .case-studies-home,.blog-home{padding:60px 1rem;}
    .cs-stagger-item,.cs-stagger-item:nth-child(even){flex-direction:column;}
    .cs-stagger-img{width:100%;min-height:200px;max-height:220px;}
    .cs-stagger-body,.cs-stagger-item:nth-child(even) .cs-stagger-body{padding:22px;}
    .cs-stagger-arrow{display:none;}
    .cs-stagger-title{font-size:1.1rem;}
    .blog-scroll-card{min-width:280px;max-width:300px;padding:22px;}
    .blog-scroll-title{font-size:1rem;}
    .blog-scroll-nav{display:none;}
}

/* FAQ ACCORDION (v5 — single-column stack, robust absolute-positioned toggle) */
details.faq-item{cursor:pointer;}
details.faq-item summary{list-style:none;cursor:pointer;position:relative;padding-right:2.5rem;}
details.faq-item summary::-webkit-details-marker{display:none;}
details.faq-item summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.7rem;font-weight:700;color:#FACC15;line-height:1;}
details.faq-item[open] summary::after{content:"−";}
details.faq-item summary h3{margin-bottom:0;}
details.faq-item .faq-a{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(55,65,81,.5);}