/* TuKlient / Our work — interactive laptop carousel, scoped to home section. */
.tk-laptop-showcase{background:linear-gradient(160deg,#F8FAFC 0%,#EFF6FF 76%,#F7FBFF 100%);border-block:1px solid #E5EDF7;overflow:hidden}
.tk-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:36px}
.tk-showcase-heading>div{max-width:755px}
.tk-showcase-heading .tk-eyebrow{font-size:11px;font-weight:900;letter-spacing:.09em;color:#2563EB}
.tk-showcase-eyebrow-dot{display:inline-block;width:5px;height:5px;margin:0 6px 2px;background:#94A3B8;border-radius:50%}
.tk-showcase-heading h2{font-family:inherit;font-size:clamp(36px,4.7vw,59px);line-height:1.03;font-weight:950;letter-spacing:-.052em;margin:15px 0 13px;color:#0F172A}
.tk-showcase-heading h2 span{color:#2563EB}
.tk-showcase-heading p{font-size:15px;line-height:1.7;color:#64748B;margin:0;max-width:640px}
.tk-showcase-top-link{flex-shrink:0;padding-bottom:8px;color:#1D4ED8;font-weight:850;font-size:13px;text-decoration:underline;text-underline-offset:5px;transition:color .2s}
.tk-showcase-top-link:hover{color:#0F172A}
.tk-showcase-stage{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(340px,.84fr);gap:28px;align-items:start}
.tk-showcase-laptop-area{min-width:0;padding:18px 0 6px}
.tk-laptop{position:relative;margin:auto;width:min(100%,820px);filter:drop-shadow(0 30px 30px rgba(15,23,42,.19))}
.tk-laptop-display-shell{position:relative;z-index:1;margin:0 2.5%;border:7px solid #141A26;border-bottom-width:8px;border-radius:16px 16px 5px 5px;background:#141A26;box-shadow:inset 0 0 0 1px #4B5563,0 3px 12px rgba(15,23,42,.10)}
.tk-laptop-camera{position:absolute;z-index:4;left:50%;top:-6px;transform:translateX(-50%);width:4px;height:4px;background:#475569;border:1px solid #64748B;border-radius:50%}
.tk-laptop-viewport{position:relative;aspect-ratio:16/10;background:#E2E8F0;overflow:hidden;border-radius:2px}
.tk-laptop-viewport img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:opacity .25s ease,transform .55s ease;transform:scale(1)}
.tk-laptop-viewport img.is-switching{opacity:.15;transform:scale(1.018)}
.tk-laptop-screen-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(114deg,rgba(255,255,255,.11) 0%,transparent 30%,transparent 72%,rgba(255,255,255,.025) 100%)}
/* More realistic three-dimensional laptop with a complete keyboard and touchpad. */
.tk-laptop-hinge{position:relative;z-index:1;width:79%;height:9px;margin:-2px auto 0;background:linear-gradient(180deg,#464F5D,#C9D0D9 45%,#68717E);border-radius:0 0 7px 7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.tk-laptop-deck-stage{position:relative;z-index:2;width:100%;height:0;padding-bottom:10%;perspective:1100px;margin-top:-1px}
.tk-laptop-deck{position:absolute;top:0;left:0;width:100%;aspect-ratio:5.5/1;transform-origin:50% 0;transform:rotateX(48deg);border:1px solid #8A95A4;border-top:3px solid #778491;border-radius:4px 4px 21px 21px;background:linear-gradient(115deg,#C2CBD5 0%,#F5F7FA 14%,#E1E7EE 51%,#D4DCE6 88%,#ACB6C3 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -4px 8px rgba(84,100,117,.17),0 14px 24px rgba(15,23,42,.17)}
.tk-laptop-speaker{position:absolute;z-index:1;top:10%;width:3.8%;height:56%;border-radius:7px;background-image:radial-gradient(circle,rgba(53,65,82,.54) 0.7px,transparent 1.5px);background-size:5px 5px;opacity:.8;box-shadow:inset 0 0 0 1px rgba(95,107,123,.07)}
.tk-laptop-speaker-left{left:2.5%}
.tk-laptop-speaker-right{right:2.5%}
.tk-laptop-keys{position:absolute;left:8.6%;top:7%;width:82.8%;height:62%;display:flex;flex-direction:column;justify-content:space-between;gap:3%}
.tk-laptop-key-row{display:flex;gap:.62%;width:100%;flex:1;min-height:0}
.tk-laptop-key{display:grid;place-items:center;flex:1;min-width:0;min-height:0;border-radius:3px 3px 4px 4px;border:1px solid #232B35;background:linear-gradient(165deg,#4A515A,#242932 60%,#1D232D 100%);color:#D4DBE4;font-size:clamp(4px,.72vw,8px);line-height:1;font-weight:600;box-shadow:0 1.5px 1px rgba(15,23,42,.38),inset 0 1px 0 rgba(255,255,255,.17);text-transform:uppercase}
.tk-laptop-key-wide{flex:1.52}
.tk-laptop-key-space{flex:5.4}
.tk-laptop-trackpad{position:absolute;left:38%;top:77%;width:24%;height:15%;border-radius:9px;border:1px solid rgba(84,100,119,.31);background:linear-gradient(140deg,#DBE1E9,#D3DBE4);box-shadow:inset 0 1px 2px rgba(104,118,137,.13),0 1px 0 rgba(255,255,255,.65)}
.tk-laptop-trackpad span{position:absolute;left:7%;right:7%;bottom:7%;height:1px;background:rgba(121,137,156,.17)}
.tk-laptop-front-edge{position:relative;z-index:4;width:99%;height:8px;margin:-1px auto 0;border-radius:3px 3px 14px 14px;background:linear-gradient(180deg,#BEC7D2,#939EAC 60%,#D9E0E7);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 3px 5px rgba(15,23,42,.13)}
.tk-laptop-ground-shadow{position:absolute;width:87%;height:21px;left:6.5%;bottom:-7px;z-index:-1;border-radius:50%;background:rgba(15,23,42,.13);filter:blur(13px)}
@media(max-width:580px){
 .tk-laptop-deck-stage{perspective:900px;padding-bottom:10.5%}
 .tk-laptop-deck{border-radius:2px 2px 13px 13px;border-top-width:2px}
 .tk-laptop-hinge{height:6px}
 .tk-laptop-front-edge{height:5px}
 .tk-laptop-key{border-radius:2px;font-size:4px}
 .tk-laptop-keys{height:57%;top:8%}
 .tk-laptop-trackpad{border-radius:5px}
}
.tk-laptop-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px auto 0;width:91%;font-size:12px;color:#556985}
.tk-laptop-caption-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#2563EB}
.tk-showcase-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.1)}
.tk-laptop-counter{display:inline-block;margin-left:10px;color:#0F172A;font-weight:900;font-variant-numeric:tabular-nums}
.tk-showcase-content{min-width:0}
.tk-showcase-tabs{display:flex;gap:9px;margin-bottom:22px}
.tk-showcase-tab{display:flex;align-items:center;gap:9px;padding:9px 14px;background:#fff;border:1px solid #CBD5E1;border-radius:10px;cursor:pointer;color:#475569;font-family:inherit;font-size:12px;font-weight:850;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}
.tk-showcase-tab:hover{background:#DBEAFE;border-color:#60A5FA;color:#1D4ED8}
.tk-showcase-tab.is-current{background:#0F172A;border-color:#0F172A;color:#fff;box-shadow:0 7px 17px rgba(15,23,42,.14)}
.tk-showcase-tab-index{font-size:10px;opacity:.66;letter-spacing:.03em}
.tk-showcase-copy{background:#FFFFFF;border:1px solid #DEE7F3;border-radius:22px;padding:23px;box-shadow:0 15px 37px rgba(31,61,100,.055)}
.tk-showcase-kind{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#2563EB}
.tk-showcase-copy h3{font-size:clamp(29px,3vw,40px);font-weight:950;letter-spacing:-.05em;margin:9px 0 4px;line-height:1.07;color:#0F172A}
.tk-showcase-lead{font-size:17px;font-weight:800;letter-spacing:-.022em;color:#263E5A;line-height:1.37;margin:12px 0}
.tk-showcase-desc{color:#64748B;font-size:13px;line-height:1.8;margin:0 0 17px}
.tk-showcase-tags{display:flex;gap:6px;flex-wrap:wrap}
.tk-showcase-tags span{font-size:10px;font-weight:800;padding:7px 9px;color:#41576E;border-radius:7px;background:#F2F6FB;border:1px solid #E3ECF5}
.tk-laptop-showcase .tk-wrap{max-width:1340px}
.tk-laptop-showcase .tk-showcase-tags{display:flex;margin-top:17px;gap:8px}
.tk-laptop-showcase .tk-showcase-copy{padding:25px}
.tk-laptop-showcase .tk-showcase-desc{margin-bottom:14px}
.tk-laptop-showcase .tk-showcase-heading{margin-bottom:28px}
.tk-laptop-showcase .tk-showcase-bottom{margin-top:22px}
.tk-showcase-work{border-top:1px solid #E2E8F0;margin-top:17px;padding-top:15px}
.tk-showcase-work h4{font-size:14px;letter-spacing:-.015em;font-weight:900;color:#0F172A;margin:0 0 11px}
.tk-showcase-worklist{padding:0;margin:0;list-style:none;display:grid;gap:8px}
.tk-showcase-worklist li{position:relative;padding-left:23px;color:#475569;font-size:12px;line-height:1.55}
.tk-showcase-worklist li::before{content:"✓";position:absolute;top:1px;left:0;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#DCFCE7;color:#15803D;font-size:10px;font-weight:900}
.tk-showcase-worklist li:nth-child(2n)::before{background:#DBEAFE;color:#1D4ED8}
.tk-laptop-showcase .tk-showcase-controls{margin:19px 0 13px}
@media(min-width:821px){.tk-showcase-laptop-area{position:sticky;top:85px;padding-top:34px}}
@media(max-width:580px){.tk-showcase-worklist li{font-size:12px;line-height:1.55}}
.tk-showcase-controls{display:flex;align-items:center;gap:9px;margin:22px 0 15px}
.tk-showcase-arrow{display:grid;place-items:center;width:44px;height:40px;font-size:21px;background:#F1F5F9;color:#0F172A;border:1px solid #CFD9E6;border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.tk-showcase-arrow:hover{background:#2563EB;border-color:#2563EB;color:#fff;transform:translateY(-2px)}
.tk-showcase-autoplay{display:flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;background:transparent;border:1px solid #E2E8F0;border-radius:9px;padding:11px;color:#63758D;font-size:11px;font-weight:750;cursor:pointer}
.tk-showcase-autoplay:hover{background:#EFF6FF;color:#1D4ED8;border-color:#BFDBFE}
.tk-showcase-progress{display:flex;gap:7px;align-items:center;margin-bottom:20px}
.tk-showcase-progress button{border:0;padding:0;height:5px;width:22px;border-radius:6px;background:#CBD5E1;cursor:pointer;transition:width .2s,background-color .2s}
.tk-showcase-progress button.is-current{background:#2563EB;width:39px}
.tk-showcase-progress button:hover{background:#60A5FA}
.tk-showcase-links{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding-top:16px;border-top:1px solid #E2E8F0}
.tk-showcase-links a{color:#1D4ED8;font-size:12px;font-weight:850}
.tk-showcase-links a:hover{color:#0F172A;text-decoration:underline}
.tk-showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;padding:18px 0 0;border-top:1px solid #D9E6F4}
.tk-showcase-bottom span{color:#64748B;font-size:12px;line-height:1.6;max-width:560px}
.tk-laptop-showcase button:focus-visible,.tk-laptop-showcase a:focus-visible{outline:3px solid #60A5FA;outline-offset:4px}
@media(max-width:1040px){.tk-showcase-stage{grid-template-columns:minmax(0,1.5fr) minmax(310px,.84fr);gap:20px}.tk-showcase-copy{padding:23px}.tk-showcase-tabs{flex-wrap:wrap}.tk-showcase-heading h2{font-size:clamp(34px,4vw,49px)}}
@media(max-width:820px){.tk-showcase-stage{grid-template-columns:1fr;gap:24px}.tk-showcase-laptop-area{width:100%;max-width:760px;margin:0 auto}.tk-showcase-content{display:grid;grid-template-columns:1fr;gap:0}.tk-showcase-copy{padding:25px}.tk-showcase-heading{align-items:start}.tk-showcase-heading p{max-width:750px}.tk-showcase-bottom{margin-top:25px}}
@media(max-width:580px){.tk-showcase-heading{flex-direction:column;gap:12px;margin-bottom:18px}.tk-showcase-heading h2{font-size:36px}.tk-showcase-heading p{font-size:14px}.tk-showcase-laptop-area{padding-top:5px}.tk-laptop-display-shell{border-width:6px;border-bottom-width:8px;border-radius:11px 11px 3px 3px}.tk-laptop-base{height:11px;border-radius:2px 2px 9px 9px}.tk-laptop-notch{height:4px}.tk-showcase-copy{padding:22px 17px}.tk-showcase-copy h3{font-size:30px}.tk-showcase-links{flex-direction:column;gap:12px}.tk-showcase-bottom{align-items:stretch;flex-direction:column}.tk-showcase-bottom .tk-btn{text-align:center}.tk-laptop-caption{font-size:11px;width:94%}.tk-laptop-caption-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tk-laptop-viewport img,.tk-showcase-progress button,.tk-showcase-arrow{transition:none!important}.tk-showcase-arrow:hover{transform:none}}