*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f4f4;color:#242424}.page-shell{overflow-x:hidden}.service-showcase{padding:66px 20px}.service-showcase:nth-child(odd){background:#fff}.service-showcase:nth-child(even){background:#f3f3f3}.service-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:42px;align-items:center}.service-showcase.reverse .service-wrap{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}.service-showcase.reverse .service-main{order:2}.service-showcase.reverse .service-media{order:1}.service-main{padding:0}.service-title{margin:0 0 16px;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#eb6f3d}.service-desc{margin:0 0 12px;font-size:15px;line-height:1.85;color:#535353;max-width:500px}.service-cta{display:inline-flex;align-items:center;gap:10px;margin:6px 0 24px;text-decoration:none;color:#e86d3a;font-weight:500;font-size:14px}.service-cta:before{content:'➜';font-size:12px}.tech-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#ececec;border:1px solid #ececec;border-radius:8px;overflow:hidden;max-width:580px; box-shadow: 0px 7.77px 16px 0px rgba(0, 0, 0, 0.0588235294), 0px 3px 3px 0px rgba(0, 0, 0, 0.1019607843), 0px -8px 0px 0px rgba(0, 0, 0, 0.0509803922) inset, 0px 4px 0px 0px rgba(255, 255, 255, 0.6) inset}.tech-item{background:#fafafa;min-height:106px;padding:18px 10px 14px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:transform .3s ease,background .3s ease}.tech-item:hover{transform:translateY(-2px);background:#fff}.tech-item img{width:26px;height:26px;object-fit:contain;opacity:.92}.tech-item span{font-size:12px;line-height:1.4;color:#4c4c4c;max-width:82px}.portfolio-carousel{position:relative;overflow:hidden}.portfolio-track{display:flex;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.portfolio-card{min-width:100%;padding:2px 0 48px}.portfolio-visual{position:relative;min-height:420px;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 20px 50px rgba(0,0,0,.13)}.portfolio-visual img{width:100%;height:420px;object-fit:cover;display:block;transform:scale(1.01)}

.portfolio-badge{
    position:absolute;
    top:18px;
    right:18px;
    z-index:3;
    padding:10px 16px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.55);
    background:rgba(15,15,15,.24);
    font-size:12px;
    color:#fff;
    text-decoration:none;
    backdrop-filter:blur(4px);
    transition:all .25s ease;
}

.portfolio-overlay{position:absolute;inset:0;padding:34px 30px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,var(--portfolio-tint,rgba(0,0,0,.54)) 5%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.06) 100%);color:#fff}.btn-pill{display:inline-flex;align-items:center;justify-content:center}.portfolio-badge:hover{background:rgba(232,109,58,.92);border-color:rgba(232,109,58,.92);color:#fff}.portfolio-title{margin:0 0 10px;font-size:18px;font-weight:500}.portfolio-subtitle{font-size:13px;line-height:1.6;max-width:390px;opacity:.96}.portfolio-content{position:relative;max-width:530px;margin-top:-100px;margin-left:32px;background:#fff;padding:24px 26px;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.11);font-size:13px;line-height:1.8;color:#505050}.portfolio-actions{margin-top:14px}.case-study-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:#eb6f3d;color:#fff !important;text-decoration:none;font-weight:600;font-size:13px;box-shadow:0 10px 22px rgba(235,111,61,.26);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.case-study-btn:hover{transform:translateY(-1px);background:#de6231;box-shadow:0 14px 28px rgba(235,111,61,.32)}.carousel-dots{display:flex;gap:8px;padding-left:32px;margin-top:-10px}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#d1d1d1;cursor:pointer;transition:all .25s ease}.carousel-dot.active{width:28px;border-radius:50px;background:#e86d3a}.empty-state{background:#fff;padding:28px;border-radius:8px;color:#666;box-shadow:0 12px 32px rgba(0,0,0,.06)}@media (max-width:1100px){.service-wrap,.service-showcase.reverse .service-wrap{grid-template-columns:1fr}.service-showcase.reverse .service-main,.service-showcase.reverse .service-media{order:initial}.tech-grid{max-width:100%}.portfolio-visual,.portfolio-visual img{min-height:360px;height:360px}.portfolio-content{max-width:calc(100% - 28px);margin-left:14px}}@media (max-width:640px){.service-showcase{padding:40px 14px}.service-wrap{gap:22px}.service-title{font-size:28px}.service-desc{font-size:14px;line-height:1.8}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-item{min-height:92px}.portfolio-visual,.portfolio-visual img{min-height:260px;height:260px}.portfolio-overlay{padding:22px 18px}.portfolio-content{padding:18px 18px 20px;font-size:12px;margin-top:-24px}.portfolio-badge{top:12px;right:12px;padding:8px 12px;font-size:11px}.carousel-dots{padding-left:14px}.case-study-btn{min-height:40px;padding:0 16px;font-size:12px}}