.hero{background:linear-gradient(45deg,var(--background-color)0%,color-mix(in srgb,var(--surface-color),transparent 10%)100%),url(/assets/img/hero-bg.jpg) center center no-repeat;width:100%;min-height:unset;background-size:cover;align-items:center;padding-top:100px;display:flex;position:relative}.hero h1{margin:0;font-size:48px;font-weight:700;line-height:56px}.hero h2{margin:0;font-size:36px;font-weight:600;line-height:44px}.hero p{color:color-mix(in srgb,var(--default-color),transparent 30%);margin:5px 0 30px;font-size:20px;font-weight:400}.hero .btn-get-started{color:var(--contrast-color);font-family:var(--heading-font);letter-spacing:1px;border:2px solid var(--contrast-color);border-radius:4px;padding:10px 36px;font-size:16px;font-weight:500;transition:all .5s;display:inline-block}.hero .btn-get-started:hover{color:var(--accent-color);background:var(--contrast-color)}.hero .btn-watch-video{color:var(--default-color);margin-left:25px;font-size:16px;font-weight:600;transition:all .5s}.hero .btn-watch-video i{color:var(--accent-color);margin-right:8px;font-size:32px;line-height:0;transition:all .3s}.hero .btn-watch-video:hover{color:var(--accent-color)}.hero .btn-watch-video:hover i{color:color-mix(in srgb,var(--accent-color),transparent 15%)}.hero .animated{animation:2s ease-in-out infinite alternate-reverse both up-down}.hero-img img{border-radius:50%;width:84%}@media (max-width:640px){.hero h1{font-size:28px;line-height:36px}.hero h2{font-size:24px;line-height:32px}.hero p{margin-bottom:30px;font-size:18px;line-height:24px}.hero .btn-get-started,.hero .btn-watch-video{font-size:13px}}@keyframes up-down{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}
#executive-summary .content p{margin-bottom:1.5rem;line-height:1.8}#executive-summary .content p:last-child{margin-bottom:0}
.value-for-boards{background-color:var(--background-color)}.value-for-boards .content h2{color:var(--heading-color);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.value-for-boards .content p{color:var(--default-color);margin-bottom:0;font-size:1.1rem;line-height:1.8}.value-for-boards .contribution-areas{background-color:var(--surface-color);border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000000d}.value-for-boards .contribution-areas h3{color:var(--heading-color);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.value-for-boards .contribution-areas ul{margin:0;padding:0;list-style:none}.value-for-boards .contribution-areas ul li{color:var(--default-color);border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%);padding:.75rem 0 .75rem 1.5rem;font-size:1rem;line-height:1.6;position:relative}.value-for-boards .contribution-areas ul li:last-child{border-bottom:none}.value-for-boards .contribution-areas ul li:before{content:"•";color:var(--accent-color);font-size:1.5rem;line-height:1;position:absolute;left:0}@media (max-width:991px){.value-for-boards .content h2{font-size:2rem}.value-for-boards .contribution-areas{margin-top:2rem}}
.strategic-expertise{padding:80px 0}.strategic-expertise .expertise-item{background-color:var(--surface-color);border-radius:8px;height:100%;padding:2.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 15px #00000014}.strategic-expertise .expertise-item:hover{transform:translateY(-5px);box-shadow:0 5px 25px #0000001f}.strategic-expertise .expertise-item .icon{background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:8px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;transition:background-color .3s;display:flex}.strategic-expertise .expertise-item:hover .icon{background-color:var(--accent-color)}.strategic-expertise .expertise-item .icon i{color:var(--accent-color);font-size:2rem;transition:color .3s}.strategic-expertise .expertise-item:hover .icon i{color:var(--contrast-color)}.strategic-expertise .expertise-item h4{color:var(--heading-color);margin-bottom:1rem;font-size:1.3rem;font-weight:600}.strategic-expertise .expertise-item p{color:var(--default-color);margin-bottom:0;font-size:1rem;line-height:1.7}@media (max-width:991px){.strategic-expertise{padding:60px 0}.strategic-expertise .expertise-item{margin-bottom:1.5rem}}
.cojo-llc{background-color:var(--background-color);padding:80px 0}.cojo-llc .image-placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 10%)0%,color-mix(in srgb,var(--accent-color),transparent 5%)100%);border-radius:12px;justify-content:center;align-items:center;width:100%;height:400px;display:flex;box-shadow:0 4px 20px #0000001a}.cojo-llc .image-placeholder .placeholder-content{text-align:center;color:var(--accent-color)}.cojo-llc .image-placeholder .placeholder-content i{opacity:.6;margin-bottom:1rem;font-size:4rem;display:block}.cojo-llc .image-placeholder .placeholder-content span{opacity:.8;font-size:1.5rem;font-weight:600}.cojo-llc .content h2{color:var(--heading-color);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.cojo-llc .content p{color:var(--default-color);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.cojo-llc .content p:last-child{margin-bottom:0}@media (max-width:991px){.cojo-llc{padding:60px 0}.cojo-llc .image-placeholder{height:300px;margin-bottom:2rem}.cojo-llc .content h2{font-size:2rem}}
.board-expertise{padding:80px 0}.board-expertise .expertise-card{background-color:var(--surface-color);border-radius:12px;max-width:1000px;margin:0 auto;padding:3rem;box-shadow:0 4px 25px #0000001a}.board-expertise .expertise-card h2{text-align:center;color:var(--heading-color);margin-bottom:2rem;font-size:2rem;font-weight:700}.board-expertise .expertise-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.board-expertise .expertise-badge{background-color:color-mix(in srgb,var(--accent-color),transparent 95%);border:2px solid color-mix(in srgb,var(--accent-color),transparent 80%);text-align:center;border-radius:8px;padding:1.25rem 1.5rem;transition:all .3s}.board-expertise .expertise-badge:hover{background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.board-expertise .expertise-badge span{color:var(--heading-color);font-size:1rem;font-weight:500;line-height:1.4}@media (max-width:991px){.board-expertise{padding:60px 0}.board-expertise .expertise-card{padding:2rem}.board-expertise .expertise-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:575px){.board-expertise .expertise-card{padding:1.5rem}.board-expertise .expertise-card h2{font-size:1.75rem}.board-expertise .expertise-grid{grid-template-columns:1fr}.board-expertise .expertise-badge{padding:1rem}}
.board-inquiries{background-color:var(--background-color);padding:80px 0}.board-inquiries .inquiries-content{text-align:center;background-color:var(--surface-color);border-radius:12px;padding:3rem;box-shadow:0 4px 25px #0000001a}.board-inquiries .inquiries-content h2{color:var(--heading-color);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.board-inquiries .inquiries-content p{color:var(--default-color);margin-bottom:1rem;font-size:1.1rem;line-height:1.8}.board-inquiries .inquiries-content p:last-of-type{margin-bottom:2rem}.board-inquiries .cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.board-inquiries .btn-primary,.board-inquiries .btn-secondary{border-radius:6px;padding:12px 32px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.board-inquiries .btn-primary{background-color:var(--accent-color);color:var(--contrast-color);border:2px solid var(--accent-color)}.board-inquiries .btn-primary:hover{background-color:color-mix(in srgb,var(--accent-color),black 10%);border-color:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.board-inquiries .btn-secondary{color:var(--accent-color);border:2px solid var(--accent-color);background-color:#0000}.board-inquiries .btn-secondary:hover{background-color:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width:991px){.board-inquiries{padding:60px 0}.board-inquiries .inquiries-content{padding:2rem}.board-inquiries .inquiries-content h2{font-size:2rem}}@media (max-width:575px){.board-inquiries .inquiries-content{padding:1.5rem}.board-inquiries .cta-buttons{flex-direction:column;align-items:stretch}.board-inquiries .btn-primary,.board-inquiries .btn-secondary{text-align:center;width:100%}}
.services .service-item{padding-top:20px;position:relative}.services .service-item .icon{background-color:color-mix(in srgb,var(--accent-color),transparent 90%);justify-content:center;align-items:center;width:72px;height:72px;margin-right:15px;line-height:0;transition:all .3s ease-in-out;display:flex;position:relative}.services .service-item .icon i{color:var(--accent-color);z-index:2;font-size:32px;position:relative}.services .service-item .title{margin-bottom:5px;font-size:18px;font-weight:700}.services .service-item .title a{color:var(--heading-color)}.services .service-item .title a:hover{color:var(--accent-color)}.services .service-item .description{font-size:14px}.services .service-item:hover .icon{background-color:var(--accent-color)}.services .service-item:hover .icon i{color:var(--contrast-color)}.nav-link.active .service-item h4.title a.stretched-link,.nav-link.active .service-item p.description{color:#fff}.nav-link.active .service-item h4.title a.stretched-link:hover{color:bisque}.nav-link.active .service-item .icon i{color:#fff}.nav-link.active .service-item .icon i:hover{color:#fff;background-color:#0d6efd}.nav-link.active .service-item:hover .icon{background-color:#0d6efd}.service-item .description{color:var(--heading-color)}.service-item h4.title,.service-item .description{text-align:left}.team .team-member{background-color:var(--surface-color);text-align:center;border-radius:5px;transition:all .3s;overflow:hidden;box-shadow:0 0 30px #0000001a}.team .team-member .member-img{position:relative;overflow:hidden}.team .team-member .member-img:after{content:"";background-color:var(--surface-color);z-index:1;height:100%;position:absolute;bottom:-1px;left:-1px;right:-1px;-webkit-mask:url(/assets/img/team-shape.svg) bottom/contain no-repeat;mask:url(/assets/img/team-shape.svg) bottom/contain no-repeat}.team .team-member .social{opacity:0;background:color-mix(in srgb,var(--background-color),transparent 60%);z-index:2;border-radius:4px;transition:all .5s;position:absolute;top:30px;right:-100%}.team .team-member .social a{color:color-mix(in srgb,var(--default-color),transparent 50%);text-align:center;margin:15px 12px;line-height:0;transition:color .3s;display:block}.team .team-member .social a:hover{color:var(--default-color)}.team .team-member .social i{font-size:18px}.team .team-member .member-info{padding:10px 15px 20px}.team .team-member .member-info h4{margin-bottom:5px;font-size:20px;font-weight:700}.team .team-member .member-info span{color:color-mix(in srgb,var(--default-color),transparent 50%);font-size:14px;font-weight:400;display:block}.team .team-member .member-info p{color:color-mix(in srgb,var(--default-color),transparent 30%);padding-top:15px;font-size:14px;font-style:italic;line-height:26px}.team .team-member:hover{transform:scale(1.08);box-shadow:0 0 30px #0000001a}.team .team-member:hover .social{opacity:1;right:8px}
.pricing .pricing-item{background-color:var(--surface-color);border-top:4px solid var(--background-color);border-radius:5px;height:100%;padding:60px 40px;box-shadow:0 3px 20px -2px #0000001a}.pricing h3{margin-bottom:15px;font-size:20px;font-weight:600}.pricing h4{color:var(--accent-color);font-size:48px;font-weight:400;font-family:var(--heading-font);margin-bottom:0}.pricing h4 sup{font-size:28px}.pricing h4 span{color:color-mix(in srgb,var(--default-color),transparent 50%);font-size:18px}.pricing h5{color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:15px;font-size:16px;font-weight:400}.pricing ul{color:color-mix(in srgb,var(--default-color),transparent 30%);text-align:left;padding:20px 0;line-height:20px;list-style:none}.pricing ul li{align-items:center;padding:10px 0;display:flex}.pricing ul i{color:#059652;padding-right:3px;font-size:24px}.pricing ul .na,.pricing ul .na i{color:color-mix(in srgb,var(--default-color),transparent 60%)}.pricing ul .na span{text-decoration:line-through}.pricing .buy-btn{color:var(--accent-color);font-size:16px;font-weight:500;font-family:var(--heading-font);border:1px solid var(--accent-color);border-radius:50px;padding:8px 35px 10px;transition:all .3s;display:inline-block}.pricing .buy-btn:hover{background:var(--accent-color);color:var(--contrast-color)}.pricing .featured{border-top-color:var(--accent-color)}.pricing .featured .buy-btn{background:var(--accent-color);color:var(--contrast-color)}@media (max-width:992px){.pricing .box{max-width:60%;margin:0 auto 30px}}@media (max-width:767px){.pricing .box{max-width:80%;margin:0 auto 30px}}@media (max-width:420px){.pricing .box{max-width:100%;margin:0 auto 30px}}
.portfolio .portfolio-filters{text-align:center;margin:0 auto;padding:0 0 20px;list-style:none}.portfolio .portfolio-filters li{cursor:pointer;margin:0 10px;padding:0;font-size:18px;font-weight:500;line-height:1;transition:all .3s ease-in-out;display:inline-block}.portfolio .portfolio-filters li:hover,.portfolio .portfolio-filters li.filter-active{color:var(--accent-color)}.portfolio .portfolio-filters li:first-child{margin-left:0}.portfolio .portfolio-filters li:last-child{margin-right:0}@media (max-width:575px){.portfolio .portfolio-filters li{margin:0 5px;font-size:14px}}.portfolio .portfolio-content{background-color:var(--surface-color);height:100%;overflow:hidden;box-shadow:0 10px 30px #0000001a}.portfolio .portfolio-content img{z-index:1;transition:all .3s;position:relative}.portfolio .portfolio-content .portfolio-info{background-color:var(--background-color);border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);z-index:2;padding:25px 20px;position:relative}.portfolio .portfolio-content .portfolio-info h4{padding-right:50px;font-size:18px;font-weight:600}.portfolio .portfolio-content .portfolio-info h4 a{color:var(--heading-color);transition:all .3s}.portfolio .portfolio-content .portfolio-info h4 a:hover{color:var(--accent-color)}.portfolio .portfolio-content .portfolio-info p{color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:0;padding-right:50px;font-size:14px}.portfolio .portfolio-content:hover img{transform:scale(1.1)}